/*
Theme Name:Town Center Locksmith
Author: Hasan Ahmed Jobayer
Author URI: http://dumketo.github.io/Resume/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Town Center Locksmith

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url('css/bootstrap.css');
@import url('css/hover-min.css');
@import url('responsive.css');
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900,900italic);
body {
    margin: 0;
    padding: 0;
    font-family: "Source Sans Pro", Helvetica, Arial !important;
    color:#000;
}

ul {list-style: none}

.clear-pm {padding: 0!important;margin: 0!important}
.clear-p{padding: 0!important;}
.clear-m{margin: 0!important;}

.google { margin-top: 0px!important }
.google a:hover { text-decoration: none }
.google a span { padding-left: 2%; color: #fff; /*font-weight: 700; text-decoration: underline;*/  }
.google img { width: 32% }
.phone { margin-top: -5px !important;text-align: center; }
.phone a { padding-left: 2%; color: #000; font-size: 17px; font-weight: 600; text-transform: capitalize }
.phone a:hover { color: #000; text-decoration: none }
.phone a span { padding-left: 1%; color: #fff; font-size: 17pt; font-weight: 700 }
.email a { color: #ede5e5 }
.email a:hover { color: #ede5e5; text-decoration: none }
.social ul li { display: inline-block; padding: 0 2px }
.topbar-fixed-section { position: fixed; width: 100%; height: auto; padding: 10px 2px 8px; color: #fff; z-index: 99999 }
.top-fixed {border-bottom: 4px solid #c67400;}
.social-icon{ margin-top: -5px; text-align: center }
.social-icon ul{ margin-bottom: 0 }
.social li a { display: block; width: 30px; color: #efefef; font-size: 18px; text-align: center; text-decoration: none; border-radius: 15px; line-height: 30px; }
/*.social-image li a { display: block; width: 40px; color: #ed1b2e; font-size: 20px; text-decoration: none; line-height: 40px; background: url('img/social-circle-box.png'); background-size: cover; }*/
.social a.tw { background: #00acee }
.social a.tw:hover { background: #00acee }
.social a.fb { background: #3b5998 }
.social a.fb:hover { background: #3b5998 }
.social a.gp { background: #dd4b39 }
.social a.gp:hover { background: #dd4b39 }
.social a.din { background: #007bb6 }
.social a.din:hover { background: #007bb6 }


.topbar-section { height: auto; color: #fff; border-bottom: 1px solid #dc5e63 }
.topbar-contact-info { text-align: center }
ul.menu { padding: 0 }
.menu a:hover { color: #060706; text-decoration: none }
.menu a, .topbar-contact-email a, .topbar-contact-email a:hover { color: #060706 }
.top-bar-menu ul li.current-menu-item a { color: #ed1c24; text-decoration: underline }
.top-bar-menu ul li { display: inline; margin-right: 2% }
i._mi.fa.fa-home { color: #ed1c24; font-size: 30pt }
.topbar-contact-phone { margin-top: -3px }
.social a.tw { background: #00acee }
.topbar-contact-phone .glyphicon-earphone, .topbar-contact-phone a { color: #099d1a; font-size: 18px; font-weight: 700 }
.social a.tw:hover { background: #00acee }
.social a.fb { background: #3b5998 }
.social a.fb:hover { background: #3b5998 }
.social a.gp { background: #dd4b39 }
.social a.gp:hover { background: #dd4b39 }
.social a.din { background: #007bb6 }
.social a.din:hover { background: #007bb6 }
.book { padding: 8px 23px; font-size: 17px; text-align: left; border: 1px solid #8caf6b }
.book a { color: #8caf6b }
.book a:hover { color: #8caf6b; text-decoration: none }
.logo-section { padding: 0px 0 16px; background: #ff7e00 }
.phone .media-heading { margin-bottom: 0px; color: #fff; font-size: 19px; font-weight: 700 }
.phone .media-body { color: #fff; font-size: 19px; font-weight: 700 }
.prodes-section { padding: 20px 0 16px }
.prodes .media-body { position: relative; top: -5px; font-size: 16pt; text-decoration: underline }
.open-time { margin-top: 3% }
.open-time .media-body { padding-left: 3%; border-left: 3px solid #707070 }
.open-time p { position: relative; top: -2px; margin: 0 }
p.sat { left: 17% }
.head-section { padding-top: 1%; }
.main-menu { margin: 2px 6% 0 }
.navbar { margin-bottom: 0!important; border: 1px solid transparent!important; box-shadow: none!important; }
.navbar-default { min-height: 0!important; border-color: transparent!important; background: 0 0!important; }
.navbar-default .navbar-nav li>.active>a:first-child { border: none !important }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #8caf6b!important }
.navbar-nav { padding-top: 2%;margin-bottom: -1px !important; }
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover { padding-top: 5px; padding-bottom: 45px; color: #000101!important;     font-size: 18px;font-weight: 500; }
li#menu-item-58 a {padding-bottom: 20px;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #eea845!important; box-shadow: none!important; background: #f4fafe !important; border-bottom: 3px solid #eea845; }
button.navbar-toggle { display: none }
a#google-rv img { margin-top: 9% }

.headerimg { padding: 0 }
.banercaption { padding-top: 3% }
.heaer-h1-bottom { padding: 3% 2%; color: #ffffff }
.slide-text { background: #ff7e00; background-size: cover; }
.text-quote-first { width: 39%; margin-top: 1%; padding-right: 5%; color: #ed1c24; font-size: 26pt; font-weight: bold; text-align: right; line-height: 1.2 }
.text-quote-first::after { position: absolute; top: 142px; left: 319px; padding: 3px; font-size: 80pt; content: '?'; line-height: 0; }
.text-quote { font-size: 26pt; font-weight: bold; text-align: left }
.banner-form { padding-top: 2% }
.banner-form-header { /*padding-top: 10%; padding-bottom: 3%;*/ }
.banner-form-header p { margin: 0; color: #040702; font-size: 29pt; text-align: center;line-height: 1.4; }
.banner-form-body { padding: 3% 4% 0 4%; background: #fff }
.text-quote-last { margin-top: 2%; color: #fff; font-size: 22px; font-weight: bold; text-align: left; line-height: 1.2 }
.banner-footer { margin-bottom: 3%; color: #fde7d6; font-size: 22pt }
.shape { float: right; width: 84%; height: auto; margin: 0px; padding: 0px }
.circle { shape-outside: circle(32%) }
.red-border { position: relative; top: -25px; min-height: 25px; background-color: rgb(237, 28, 36); border: 1px solid #ed1c24; opacity: 0.8; }
.offwhite-border { position: relative; top: -25px; min-height: 25px; background-color: #dfdede; border: 1px solid #dfdede; opacity: 0.8; }


.form-section { padding: 0 0 16px; background: #eea845; background-repeat: no-repeat; background-size: cover;border-bottom: 4px solid #c67400; }
.form-section-header{border: 3px solid #eea845; background: #eff9ff; color: #545454; text-align: center; padding: 2%;font-weight:bold;font-size: 20pt;position: relative;top: -24px;}
.form-section p { font-size: 14pt; text-align: center }
.form-section a { margin: 0; padding: 0; color: #000; font-size: 22pt; font-weight: bold; line-height: 1.1 }
.form-section a:hover { color: #000; text-decoration: none }
form#form_contact2 .form-field { margin-bottom: 0 }
form#form_contact2 .frm_submit input[type=submit],
form#form_contact2 .frm_submit input[type=submit]:hover { margin: 0; padding: 0px 50px; color: #545454!important; font-size: 21px; font-weight: bold; background: #fff !important; border: 1px solid #c67400; border-radius: 0; box-shadow: none; }
form#form_contact2 .frm_fifth { width: 17% !important; }
form#form_contact2 input[type=text],
form#form_contact2 input[type=email],
form#form_contact2 input[type=tel],
form#form_contact2 textarea { margin: 0; background-color: #fff; border-color: #c67400; border-radius: 0; }
.red-border-thin { min-height: 5px; background-color: rgb(237, 28, 36); border: 1px solid #ed1c24; opacity: 0.8; }
.offwhite-border-thin { min-height: 5px; background-color: #dfdede; border: 1px solid #dfdede; opacity: 0.8; }

.service-section {background: #fff;background-repeat: no-repeat;background-size: cover;padding: 40px 0 16px;}
.odd {border-bottom: 2px solid #fbc98e;}
.even{border-left: 2px solid #fbc98e;}
.even-bottom{border-bottom: 2px solid #fbc98e;}
.service-body {padding-top: 1%;}
.service-body:hover{background: #dff3ff;}
.service-border-top {margin-bottom: 1% !important;min-height: 214px;}
.service-border-bottom {margin-top: 1% !important;min-height: 200px;}
.service h4 {font-weight: bold;font-size: 18pt;}
.service h4 a {color:#545454;}
.service h4 a:hover {color:#eea845;text-decoration: none;}
.service p {font-size: 12pt;}
.btn.service-readmore { background-color: #ffb246; color: #ffffff; background-image: linear-gradient(to bottom, #fec97e, #ff9908); border-color: #e3e3e3 #e3e3e3 #e3e3e3;font-size: 14pt;border-radius: 0;}
.btn.service-readmore:hover { background-color: #ff9908; color: #545454; background-image: linear-gradient(to bottom, #ff9908, #ff9908); border-color: #e3e3e3 #e3e3e3 #e3e3e3; }


.main-section {background: #eea845;background-repeat: no-repeat;background-size: cover;}
.main-sec-1 {padding: 30px 0 15px;}
.main-sec-1 p {color: #fff;font-size: 16px;}
.main-sec-1 h4 {color: #fff; font-size: 30pt;font-weight: bold;}
.main-sec-1 a {color: #000;}
.main-sec-1 h2 {color: #545454;font-weight: bold;font-size: 40pt;margin-bottom: -3%;margin-top: 0;}
.main-sec-1 h3 {color: #545454;font-weight: bold;font-size: 24pt;}
.main-sec-1 a:hover {color: #77797e;text-decoration: none;}
.btn.main-readmore { background-color: #ffb246; color: #ffffff; background-image: linear-gradient(to bottom, #fec97e, #ff9908); border-color: #d4963d #d4963d #d4963d;font-size: 14pt;border-radius: 0;}
.btn.main-readmore:hover { background-color: #ff9908; color: #545454; background-image: linear-gradient(to bottom, #ff9908, #ff9908); border-color: #d4963d #d4963d #d4963d; }
.readwid {width: 30% !important;}
.closewid{width: 30% !important;}
ul.content-list li {color: #000; list-style-type: disc;}

.welcome-picture {width: 100%;}


.testimonial-section {background: #fff;background-repeat: no-repeat;background-size: cover;background-position: top;padding: 30px 0 16px;}
.testimonial_by {width: 25% !important;color: white !important;font-weight: bold !important;}
.testimonial_site {width: 36% !important;color: white !important;font-weight: bold !important;}
.testimonial-title {padding: 1%;text-align:center;margin-bottom: 6%;background:#fff;border-left: 3px solid #ed1c24;border-top: 3px solid #ed1c24;border-bottom: 3px solid #ed1c24;border-right: 7px solid #000;font-size: 21pt;font-weight: bold;}

.footer-title{background: url(img/footer-title-bg.png);min-height: 45px;background-repeat: no-repeat;padding: 0;margin: 0;background-position: center;}
.footer-title h2{margin: 0;margin-top: 1%;color: #fff;}
.footer_area { padding: 10px 0; color: #545454; text-align: left; font-family: Open Sans }
.footer_area_inner { width: 100%; margin: auto; padding: 2% }
h3.footer-widget-titel { margin-top: 10px;margin-bottom: 8%;padding: 2%; color: #545454; border: 1px solid #fff;background: #fff; text-align: center;} 
.widget_text { list-style: none }
.textwidget p { margin-top: 20px; margin-bottom: 19px; color: #a7a6a7 }
.textwidget ul { padding: 0!important }
.textwidget li a { color: #f7f5f7 }
.textwidget a { color: #545454; text-decoration: none }
.textwidget i { font-size: 23px }
.textwidget a:hover { color: #545454; text-decoration: none }
.foter-botom { padding: 15px; text-align: center!important }
.foter-botom p { margin: 0!important }
.foter-botom a { color: #fff; text-decoration: none }
#copyright { text-transform: capitalize }
#copyright a:hover { text-decoration: none }
ul#menu-footer-menu a:hover { color: #8caf6b; text-decoration: none }
.footer-menu ul li.current-menu-item a { color: #8caf6b; text-decoration: none }
.footer-menu ul li a, .footer-menu ul li a:hover { color: #000; text-decoration: none }
.footer-menu ul li { display: inline; margin-right: 2% }
.fb { color: #3b86d9 }
li#simple_facebook_page_feed_widget-2 { list-style-type: none }
span.my_class { font-weight: bold }
.textwidget .media-body span {font-weight: bold;}

.inner-banner-section {padding: 20px 0 16px;}
.inner-banner-sec h1 {font-size: 38pt;text-transform: capitalize;margin-top:1%;margin-bottom:2%;}
.inner-content-section {padding: 40px 0 16px;border-bottom: 1px solid #eea845;}
.inner-content-section p {color: #000;}
.inner-content-section p a {color: #000;}
.inner-content-section p a:hover {color: #000;text-decoration:none;}
.banner-inner-form-body{background: #f9f6f4;padding: 3% 4% 0 4%;}
.sidebar {margin-top: 3% !important;}
.sidebar-form {background: #eea845;border-bottom: 3px solid #c67400;padding: 3%;text-align: center;}
.sidebar-form-header{border: 3px solid #eea845; background: #eff9ff; color: #545454; text-align: center; padding: 2%;font-weight:bold;font-size: 20pt;position: relative;top: -35px;}
.sidebar-form-first {font-size: 12pt;}
.sidebar-form-phn a {color: #000;font-size: 30pt;margin: 0;padding: 0;font-weight: bold;line-height: 1.1;}
.sidebar-form-phn a:hover{color: #000;text-decoration: none;}
.sidebar-form-email a {color: #000;font-size: 15pt;margin: 0;padding: 0;font-weight: bold;line-height: 1.1;}
.sidebar-form-email a:hover{color: #000;text-decoration: none;}
form#form_contact3 input[type=text], form#form_contact3 input[type=email], form#form_contact3 input[type=tel], form#form_contact3 textarea { margin: 0; background-color: #fff; border-color: #c67400; border-radius: 0; box-shadow: none; }
form#form_contact3 .form-field { margin-bottom: 8px }
form#form_contact3 .frm_submit input[type=submit], form#form_contact3 .frm_submit input[type=submit]:hover { margin-top: 0; margin-bottom: 0; padding: 1.5% 42px; color: #545454!important;font-size: 21px;font-weight: bold; background: #ffffff !important; box-shadow: none; border-radius: 0; border: 2px solid #c67400; }
.area-we-cover {background: #eea845;border-bottom: 3px solid #c67400;text-align: center;margin-top: 8%;}
.area-we-cover h2 {border: 3px solid #eea845; background: #eff9ff; color: #545454; text-align: center; padding: 2%;font-weight:bold;font-size: 20pt;position: relative;top: -19px;width: 91%;margin: 0 auto;}
.cover-box {background: #eea845;padding: 2%;margin: 0px;color:#545454;font-weight: 600;font-size: 12pt;text-align: center;border-bottom: 1px solid #c67400;position: relative;top: -18px;}
.cover-box:hover {background: #fdc06a;color:#545454;}
.cover-box img {padding-right: 3%;width: 12%;}

.testimonial-itm {border-bottom: 1px solid #fcdac2;margin-bottom: 3%;}
.testimonial-itm strong {color: #040607;font-size: 13pt;}
.testimonial-itm span {color: #040607;font-size: 10pt;}
.readbu {color: #fff !important;font-weight: bold;border: 1px solid #f58634;background: #f58634;padding: 1%;width: 20% !important;text-align: center;margin-top: 3%;margin-bottom: 3%;}
.closebu {color: #fff !important;font-weight: bold;border: 1px solid #f58634;background: #f58634;padding: 1%;width: 15% !important;text-align: center;margin-top: 3%;margin-bottom: 3%;}
.readbu:hover {color: #fff !important;text-decoration: none;}
.closebu:hover {color: #fff !important;text-decoration: none;}

.contact-section{padding: 40px 0 16px;}
.contact-info {padding: 0px 0 20px !important;}
.contact-section h3{color: #545454;margin-bottom: 28px;}
.contact-section h3:after { display: block; width: 259px; height:2px; margin-top: 5px; background-color: #eea845; content: ""; line-height: 0; }
.contact{vertical-align: middle !important;}
.contact a {color: #333132;}
.contact a:hover {color: #333132;text-decoration: none;}
.contact h4 {font-weight: bold;}
.booking {border-top: 1px solid #000;padding-top: 2%;font-weight: bold;font-size: 13pt;margin-top: 3%;}
form#form_contact4 input[type=text], form#form_contact4 input[type=email], form#form_contact4 input[type=tel], form#form_contact4 textarea { margin: 0; background-color: #e8f5fe; border-color: #c67400; border-radius: 0; box-shadow: none; }
form#form_contact4 .frm_submit input[type=submit], form#form_contact3 .frm_submit input[type=submit]:hover { margin-top: 0; margin-bottom: 0; padding: 0.5% 45px; color: #545454!important;font-size: 21px;font-weight: bold; background: #ffffff !important; box-shadow: none; border-radius: 0; border: 2px solid #c67400; }



.about-banner{background: #fff;background-repeat: no-repeat;background-size: cover;padding: 40px 0 16px;}


/*dropdown menu*/
.dropdown-menu{ top: 15px !important;padding: 0 !important;background: #fbf0dd !important;box-shadow: none !important;}
.dropdown-menu > li > a{ color: #060706 !important; padding: 0 20px !important; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{ background: none !important;color:#ff7e00 !important; }
.dropdown:hover .dropdown-menu {display: block;}

@-moz-document url-prefix() { 
    form#form_contact2 input[type=text], form#form_contact2 input[type=email], form#form_contact2 input[type=tel], form#form_contact2 textarea{
        height: 34px;
    }
}


.facebook-wt {
    height: 387px !important;
    overflow: hidden;
}


/*=======================================================================================================================*/
/*==========i-phone portrait media query==============*/
@media all and (min-width:320px) and (max-width:359px) {
	.logo {width: 100%;}
    .top-bar-menu {text-align: center}  
    .banner-form-header p{font-size: 15pt;}
    .banner-sec {min-height: 365px !important;}
    form#form_contact2 .form-field { margin-bottom: 10px; }
    .even{border: none;}
    .even-bottom{border: none;}    
    .odd{border: none;}
    .service-body img {width: 64px;height: 64px;}
    .service-border-top{margin-bottom: 3% !important;}
    .service-border-bottom{margin-bottom: 3%;}
    .main-sec-1 h2 {font-size: 33pt;}
    .readwid {width: 45% !important;}
    .for-car .carousel-wrapper{margin: 0 !important;}
    .carousel-block img {width: 64px;}
    .carousel-items{height: 266px !important;}
    .for-car .carousel-control-block > .carousel-button-left, .for-car .carousel-control-block > .carousel-button-right{bottom: 113px !important;}
    .go-widget {overflow: hidden;}
    .sidebar {margin-top: 11% !important;}
    form#form_contact2 .frm_fifth{width: 100% !important;}
    
    .form-section-header {font-size: 18pt;}
    form#form_contact2 .frm_submit input[type=submit] {display: block; margin: 0 auto;}
    .contgettou {padding: 8px 0px !important;}
}

/*============i-phone landscape media query================*/
@media (min-width:550px) and (max-width:568px) {
    form#form_contact2 .frm_submit input[type=submit] {display: block; margin: 0 auto;}
    form#form_contact2 .frm_submit input[type=submit]:hover {display: block; margin: 0 auto;}
    form#form_contact2 .frm_fifth { width: 100% !important;}
    .form-section-header {padding: 1% !important;}
    .contgettou {padding: 8px 0px !important;}
    
}

/*==========samsung s4 portrait media query==============*/
@media only screen and (min-width:360px) and (max-width:479px) {    
    .logo {width: 100%;}    
    .top-bar-menu {text-align: center}   
    .banner-form-header p{font-size: 20pt;}
    .banner-sec {min-height: 423px !important;}
    form#form_contact2 .form-field { margin-bottom: 10px; }
    .even{border: none;}
    .even-bottom{border: none;}    
    .odd{border: none;}
    .service-body img {width: 64px;height: 64px;}
    .service-border-top{margin-bottom: 3% !important;}
    .service-border-bottom{margin-bottom: 3%;}    
    .readwid {width: 38% !important;}
    .for-car .carousel-wrapper{margin: 0 !important;}  
    .carousel-block img {width: 64px;}
    .carousel-items{height: 230px !important;}
    .for-car .carousel-control-block > .carousel-button-left, .for-car .carousel-control-block > .carousel-button-right{bottom: 113px !important;}    
    .sidebar {margin-top: 11% !important;}
    form#form_contact2 .frm_fifth{width: 100% !important;}
    
    .form#form_contact2 .frm_submit input[type=submit] {display: block !important; margin: 0 auto !important;}
    .contgettou {padding: 8px 0px !important;}
     form#form_contact2 .frm_fifth {text-align: center !important;}
}

/*============samsung s4 landscape media query================*/
@media (min-width:569px) and (max-width:640px) {
    form#form_contact2 .frm_fifth {width: 94% !important;}
    form#form_contact2 .frm_submit input[type=submit] {display: block; margin: 0 auto;}
    form#form_contact2 .frm_submit input[type=submit]:hover {display: block; margin: 0 auto;}
    form#form_contact2 .frm_fifth { width: 100% !important;}
    .form-section-header {padding: 1% !important;}
    .contgettou {padding: 8px 0px !important;}
    
    form#form_contact2 .frm_form_field.frm_fifth {margin-left: .5% !important;}
    input#field_qh4icy2, input#field_6z8jhu, input#field_29yf4d2, textarea#field_rca5l4 {width: 99% !important;}
}



@media (min-width:480px) and (max-width:767px) {
    .logo {margin: 0 auto;}   
    .banner-form-header p{font-size: 20pt;}
    .banner-sec {min-height: 350px !important;}

    form#form_contact2 .form-field { margin-bottom: 10px; }
    .even{border: none;}
    .even-bottom{border: none;}    
    .odd{border: none;}
    .for-car .carousel-wrapper{margin: 0 !important;}
    .carousel-block img {width: 64px;}
    .for-car .carousel-control-block > .carousel-button-left, .for-car .carousel-control-block > .carousel-button-right{bottom: 113px !important;} 
    .sidebar {margin-top: 11% !important;}
}

/*============i-tab portrait media query================*/
@media (min-width:768px) and (max-width:1023px) {
    .logo {margin: 0 auto; margin-bottom: 1%;}   
    .main-menu {display: none;}
    .banner-form-header p {font-size: 24pt;}
    .banner-sec {min-height: 407px !important;}
    form#form_contact2 .frm_fifth { width: 99% !important; }
    form#form_contact2 .form-field { margin-bottom: 10px; }
    .even{border: none;}
    .even-bottom{border: none;}    
    .odd{border: none;}
    .for-car .carousel-wrapper{margin: 0 !important;}
    .carousel-block img {width: 64px;}
    .service-border-top{min-height: 200px;}
    .service-border-bottom{min-height: 200px;}
    .contgettou {padding: 8px 0px !important;}
    form#form_contact2 .frm_fifth {text-align: center !important;}
    
    form#form_contact2 .frm_form_field.frm_fifth {margin-left: .5% !important;}
    input#field_qh4icy2, input#field_6z8jhu, input#field_29yf4d2, textarea#field_rca5l4 {width: 100% !important;}
}

/*============i-tab landscape media query================*/
@media (min-width:1024px) and (max-width:1279px) {
    .head-section{padding-top: 8% !important;}
    .nav > li > a {padding-left: 6px !important;padding-right: 6px !important;}
    .banner-form-header p {font-size: 27pt;}
    form#form_contact2 .frm_fifth { width: 17% !important; }
    .service-border-top{min-height: 236px;}
    .service-border-bottom{min-height: 236px;}
    .google img {width: 31%;}
    .facebook-wt {height: 380px !important;}
}

/*============19.5" device media query================*/
@media (min-width: 1500px) and (max-width:1700px) {
}

/*============21" to 23" device media query================*/ 
@media (min-width: 1701px) and (max-width:2000px) {  
}


/*============27" large device media query================*/ 
@media only screen and (min-width: 2001px) {
}


span.visible-xs.visible-sm a {
    color: #000;
    background: #fff;
    margin: 0 !IMPORTANT;
    padding: 15px 50px;
    font-size: 18px;
    position: relative;
    top: 7px;
}
h2.innerServices {
    font-size: 33px;
    text-align: center;
    background: #eff9ff;
    padding: 10px;
}
ul#menu-innermenus {
padding: 0;
list-style: none;
margin: 0;
text-align: center;
}
ul#menu-innermenus li {
margin: 5px 0px;
background: #eea845;
padding: 5px 0px;
border-bottom: 2px solid #c67400;
}
ul#menu-innermenus li a {
color: #000;
font-size: 18px;
}
ul#menu-innermenus li:hover {
background: #2f3064;
}
ul#menu-innermenus li:hover a{
color: #FFF;
}