
@media only screen and (max-width: 1980px){
  .banner-section .carousel .carousel-inner .item img{width: 1980px;}
}
@media only screen and (max-width: 1199px) and (min-width: 992px){

}


@media only screen and (max-width: 1199px) and (min-width: 980px){
	


	.banner-section .carousel-caption{bottom: 44px;}

	.contact-list ul{ width: 100%; text-align: center;}
  .contact-list ul li{margin-left: 4px;}

.container{width: 860px;}
  header .nav-section ul{margin-right: 0px; width: 100%;}

  .service-section p {
    color: #fff;
    font-size: 13px;
    font-family: 'Ubuntu', sans-serif;
    min-height: 120px;
}

}



@media only screen and (min-device-width : 600px) and (max-device-width : 1280px) and (orientation : landscape){
  .nav > li > a{padding: 10px 15.7px;}
  .banner-section .carousel-caption h1{font-size: 30px; margin-bottom: 4px;}
  .banner-section .carousel-caption h2{font-size: 26px;}
  .service-section p {
    color: #949494;
    font-size: 13px;
    font-family: 'Ubuntu', sans-serif;
    min-height: 120px;
}
}

@media only screen  and (max-width : 1199px) and (min-width : 1025px)){
    
}

@media only screen  and (max-width : 1024px) and (min-width : 768px){
   .navbar-brand > img{max-width: 100px;} 
   .contact-list{float: right;}
   .contact-list ul{margin-top: 20px;}
   .contact-list ul li{width: auto;}
   .contact-list ul li img{max-width: 16px;}
   .contact-list ul li p{font-size: 12px;padding-right: 12px;}
   .banner-section{margin-top: 98px;}
   .navbar-inverse .bottom-header {background-color: rgba(0,0,0,0.4);}
   .navbar-inverse .navbar-nav > li > a{font-size: 11px;padding: 10px 6px;}
   
   .dropdown-menu > li > a{padding: 3px 10px;font-size: 11px;}
   .navbar-nav > li{float: none;display: inline-block;}
   .header-style .bottom-header .menu-topmenu-container ul{text-align: center; float: none !important;}
   .dropdown-menu{font-size: 11px !important;min-width: 266px;text-align: left !important;}
   
   .carousel-caption{right: 15%;left: 15%;}
   .banner-section .carousel-caption{bottom: 42px;}
   .banner-section .carousel-caption p{font-size: 14px;}
   .banner-section .carousel-caption h1{ margin: 0;font-size: 28px;}
   .banner-section .carousel-caption h2{font-size: 24px; margin-top: 2px}
   .appointment-btn {margin-top: 38px;}
   .service-section{background-size: cover; color: #fff; padding: 9px;}
   .service-section h1{color: #fff;}
   .service-section h1::after {background-color: #fff;}
   .service-section h2{color: #fff;}
   .our-service-title{background-color: #ffffff1a;}
   .service-detail-section{background-color: #ffffff1a;}

   .service-request form .form-group:nth-child(2) .form-control, .service-request form .form-group:nth-child(4) .form-control, 
.service-request form .form-group:nth-child(5) .form-control, .service-request form .form-group:nth-child(5) .select-control
{width: 49%; display: inline-block; height: 42px; border-radius: 4px; border: 1px solid #ccc;}

.service-request form .form-group:nth-child(6) span:first-child .form-control{width: 14%; display: inline-block;}
.service-request form .form-group:nth-child(6) span:last-child .form-control{width: 32%; display: inline-block; margin-left: 16px;}
.service-request form .form-group:nth-child(2) span:last-child input, .service-request form .form-group:nth-child(4) span:last-child input, 
.service-request form .form-group:nth-child(5) select{margin-left: 8px;}

.service-request form .select-group:nth-child(8){margin-bottom: 15px;}
.service-request form .select-group:nth-child(8) select{width: 49%; height: 42px; border-radius: 4px; border: 1px solid #ccc;}
.service-request form .textarea-group .textarea-control{width: 100%; border: 1px solid #ccc; border-radius: 4px;}

   
}
@media only screen  and (max-width : 860px) and (min-width : 768px){
   .navbar-inverse .navbar-nav > li > a{font-size: 10px;padding: 10px 4px;} 
   .dropdown-menu{font-size: 11px;min-width: 266px;}
   .dropdown-menu > li > a{padding: 3px 10px;}
   
   .appointment-btn{margin-top: 24px;}
   .appointment-btn a{padding: 10px 20px;border: 2px solid #fff;font-size: 14px;}

   .service-custom .service-section p{color: #fff;}
   .service-section p {
    color: #fff;
    font-size: 13px;
    font-family: 'Ubuntu', sans-serif;
    min-height: 120px;
}
}

@media only screen and (max-width: 767px){
	.nav-section .contact-list ul{float: none;}
	.contact-list ul li{margin-left: 0px;}

	.navbar-inverse{position: relative;}
	.nav-section .navbar-brand{float: none;display: block;padding: 15px 15px;}
	.nav-section .navbar-brand img{margin: 0px auto;}
	.nav-section .contact-list ul{text-align: center; margin-top: 0px;}


	.shrink .navbar-brand img{height: auto;}
	.shrink .contact-list ul{margin-top: 0px;}
	.shrink .bottom-header{background-color: transparent;}

	.navbar-header{text-align: center;}
	.navbar-header button{float: none; margin: 0px auto;}
	.navbar-inverse .navbar-toggle .icon-bar{background-color: #333;}
	.navbar-inverse .navbar-toggle:focus .icon-bar, .navbar-inverse .navbar-toggle:hover .icon-bar{background-color: #fff;}
	.navbar-inverse .navbar-nav{text-align: center;}
	.navbar-inverse .navbar-nav a{background-color: #000;}
	.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{color: #000;}
	.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover{color: #000; background-color: #fff;}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{color: #9d9d9d; 
		border-bottom: 2px solid #fecc1f;}

	.banner-section{margin-top: 0px;}

	.banner-section .carousel-caption{bottom: 42px;}
	.appointment-btn{margin-top: 20px;}
	.banner-section .carousel-caption h1{font-size: 28px; margin-bottom: 14px; margin-bottom: 0px;}
	.banner-section .carousel-caption h2{font-size: 28px; margin-top: 0px;}
	.appointment-btn a{padding: 12px 50px;font-size: 14px;border: 2px solid #fff;}
	.banner-section .carousel-caption p{font-size: 15px; margin: 0px;}
        .service-section{padding: 40px 0px;color: #fff; background-size: cover;}
	.our-service-title h1,.service-section h2{color: #fff;}
        .service-detail-section{background-color: #ffffff1a;}
        .our-service-title{background-color: #ffffff1a;padding-left: 15px;}

	.navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 10px 0;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    .navbar-inverse .navbar-collapse{border-color: #fff;}

    .inner-banner-image{margin-top: 0px;}
    .navbar-inverse .navbar-nav li{border-bottom: 1px solid #fecc1f;}
    .navbar-inverse .navbar-nav li:last-child{border-bottom: 1px solid transparent;}
    .navbar-inverse .navbar-nav li:hover a,.navbar-inverse .navbar-nav li.active a,.navbar-inverse .navbar-nav li.active:hover a,.navbar-inverse .navbar-nav li.active:focus a{border-bottom:0; background-color:#000;color: #fecc1f;}
    .navbar-inverse .navbar-nav li:hover{background-color: transparent;}
    .why-us-section{padding: 36px 0;}
    .add-section h1{font-size: 30px;}
    .add-section h3{font-size: 16px;}
    .service-sub-sec{float: left;margin-bottom: 18px;width: 100%;}
    .service-sub-sec .col-sm-2,.service-sub-sec .col-sm-4{ float: left;}
    .service-section .service-detail-section img{margin-top: 18px;float: left;}
    .our-service-title h1:after{background-color: #fff;}
    .test-slider .item .test-content p span{font-size: 14px;text-align: center;display: block;margin-top: 16px;}
    .upper-footer .col-xs-12{border-bottom: 1px solid #ffffff4d;padding-bottom: 14px;}
    .footer-social-link{ margin-top: 0;text-align: center;}
    .footer-social-link li{margin: 0 4px;}
    .footer-payment-link {float: none;margin: 16px auto 0 auto;padding-left: 0;text-align: center;}
    .footer-payment-link li{margin-left: 0;margin-right: 12px;}
    footer{font-size: 13px;}
    .bottom-text{font-size: 12px;}
    .top-header{ margin: 0;}
    
    .carousel-caption{right: 10%;left: 10%;}

    .inner-body h1{text-align: left;}
    .inner-body .inner-body-img img{width: 100%; display: block;}

    .contact-page .contact-heading h3{padding-left: 15px;}
    .contact-page .contact-address{padding-left: 15px;}



.service-request form .form-group:nth-child(2) .form-control, .service-request form .form-group:nth-child(4) .form-control, 
.service-request form .form-group:nth-child(5) .form-control, .service-request form .form-group:nth-child(5) .select-control
{width: 100%; display: block; height: 42px; border-radius: 4px; border: 1px solid #ccc; margin-bottom: 15px;}

.service-request form .form-group:nth-child(6) span:first-child .form-control{width: 32%; display: inline-block;}
.service-request form .form-group:nth-child(6) span:last-child .form-control{width: 61%; display: inline-block; margin-left: 15px;}
.service-request form .form-group:nth-child(2) span:last-child input, .service-request form .form-group:nth-child(4) span:last-child input, 
.service-request form .form-group:nth-child(5) select{margin-left: 0px;}
.service-request form .select-group:nth-child(8) select{width: 100%;}

.service-custom .service-section p{color: #fff; min-height: 50px;}
.service-custom .service-section .service-detail-section img{float: right; width: 54px;}

.service-section p {
    color: #fff;
    font-size: 13px;
    font-family: 'Ubuntu', sans-serif;
    min-height: 120px;
}
}

@media only screen and (min-device-width : 642px) and (max-device-width : 1024px) and (orientation : landscape) {
	.banner-section .carousel-caption{ bottom: 80px; }
	.banner-section .carousel-caption h1{ margin-bottom: 0px; font-size: 32px;}
	.banner-section .carousel-caption h2{margin-top: 0px; font-size: 28px; margin-top: 8px;}

	.header-style .row.bottom-header{margin: 0px;}
	.header-style .bottom-header .container{width: 100%;}
	.header-style .bottom-header .menu-topmenu-container ul{width: 100%;}
	
	.inner-banner-image{margin-top: 270px;}
}

@media only screen and (max-width: 480px){
	.nav-section .navbar-brand img{max-width: 100px;}
        .carousel-indicators{ display: none;}
        .appointment-btn a{padding: 8px 18px;font-size: 12px;border: 1px solid #fff;}
        .service-section .service-detail-section img{padding: 6px;}
}

@media only screen and (max-width: 360px){
	.banner-section .carousel .carousel-inner .item img{}
	.banner-section .carousel-caption{bottom: 14px;}
	.banner-section .carousel-caption h1{font-size: 12px; font-weight: 400; margin: 0px;}
	.banner-section .carousel-caption h2{font-size: 10px; font-weight: 200; margin: 0px;}
	.banner-section .carousel-caption p{font-size: 8px; font-weight: 300; margin: 0px 0px 4px 0px;}
	.appointment-btn{margin-top: 10px; margin-bottom: -10px; text-align: center;}
	.appointment-btn a{padding: 6px 12px; font-size: 9px; border: 1px solid #fff;}
	.banner-section .carousel-caption{bottom: 25px;}
	.carousel-indicators{bottom: -5px;}

	.why-us-section{padding: 40px 0px;}
	.work-section{padding: 40px 0px;}

	.service-section .service-detail-section img{float: none; display: block; margin: 25px auto 0px;}
	

	.input.simplenewsleter-field-submit{float: right;}

	footer .upper-footer .col-xs-12 ul{}
	.footer-payment-link{float: none; margin-left: 0px; padding-left: 0px; margin-top: 24px;}
	.footer-payment-link li{ margin: 0px 8px;}


	.inner-banner-image{margin: 0px;}
	.inner-body{padding: 30px 0px;}
}



@media only screen and (min-device-width : 480px) and (max-device-width : 640px) and (orientation : landscape) {
	.contact-list ul li{width: 210px;}
	.contact-list ul li p{padding-right: 22px;}
	.contact-list ul li:nth-child(3) img{margin-left: 8px;}
	.contact-list ul li:last-of-type p{padding-right: 0px;}
	.nav-section .contact-list ul{float: none;}
	.contact-list ul li{margin-left: 0px;}

	.banner-section .carousel-caption{bottom: 30px;}
	.banner-section .carousel-caption h1{font-size: 30px; margin-bottom: 6px;}
	.banner-section .carousel-caption h2{font-size: 26px; margin: 6px 0px 4px;}
	.banner-section .carousel-caption p{font-size: 12px; font-weight: 100; margin: 0px;}
	.appointment-btn{margin-top: 20px;}
	.appointment-btn a{padding: 10px 18px; font-size: 14px;}

	.why-us-section{padding: 40px 0px;}
	
	.service-section .service-detail-section img{float: none; display: block; margin: 25px auto 0px;}

	.service-section .col-sm-4{text-align: left;}

	.inner-banner-image{margin: 0px;}
	.inner-body{padding: 30px 0px;}
}

@media only screen and (max-width: 320px){
	.appointment-btn{margin-bottom: -14px; margin-top: 0px;}
	.appointment-btn a{padding: 4px 12px; font-size: 8px;}
}