/*==========  Non-Mobile First Method  ==========*/

@media only screen and (max-width : 1200px) {

.header_address > p{ font-size:13px; }
div.header_contact p{ padding:7px 15px; font-size:23px !important; color:#fff !important; width:79%; } 
.navbar-inverse .navbar-nav > li > a{ font-size:15px; padding:15px 20px; }
.navbar-inverse .navbar-nav > li:last-child a{  font-size:15px;  }
div.left_coupon{ margin-right:18px; }
.wel_content p{ font-size:14px; }
.beforeafter  .bx-wrapper .bx-prev{ left: -30px; }
.beforeafter  .bx-wrapper .bx-next{ right: -30px; }
.parallax ul li{ width:21.4%; height:200px; } 
.parallax ul li img{ height:100%; } 
.thumb_cont p{ font-size:16px;  }
.list_coupons ul{ padding:0px; }
.list_coupons li{ width:47%; margin:0 10px; }
.list_coupons li .home_coupon_content{ text-align:left !important; }
.list_coupons div.left_coupon,.list_coupons  div.right_coupon{ margin:0px; }
.wel_content:first-child{ margin-right:15px; }
.beforeafter  { width:90%; margin:30px auto; }
.list_coupons .left_coupon{ width:100% !important; }
.list_coupons .right_coupon{ width:100% !important; }
}

@media only screen and (max-width : 1024px) {
.beforeafter  .bx-viewport{ width:90% !important;  margin:0 auto; } 
.beforeafter  .bx-wrapper .bx-prev{ left: -30px; }
.beforeafter  .bx-wrapper .bx-next{ right: -30px; }
}
 
@media only screen and (max-width : 992px) {

.navbar-inverse .navbar-nav > li > a{ font-size:14px; padding:15px 10px; }
.navbar-nav > li{  padding:0px 2px; }
.right_coupon .home_coupon_content p,.left_coupon .home_coupon_content p{ width:60%; font-size:14px;  }
div.left_coupon{ margin-right:15px; }
.wel_content  h3{ margin-top:0px; }
.beforeafter  .bx-wrapper .bx-prev{ left: -20px; }
.beforeafter  .bx-wrapper .bx-next{ right: -20px; }
.parallax ul li{ width:28%; } 
.thumb_cont p{ font-size:14px;  }
.thumb_cont .wpb_single_image{ margin-bottom:10px; }
.qlinks{ clear:left; margin-top:20px; }
.reviews{  margin-top:20px; float:right; }
.copyrights{ text-align:center; }
div.left_coupon { background-size:60% }
div.right_coupon { background-size:60% }
/* .carousel-caption{ top:38%; } */
.overx{ overflow-x:scroll; 	padding-bottom:30px; }
.home_coupon div.left_coupon{ width:48%; }
.list_coupons li{ width:100%; margin:10px 0; }
.list_coupons   p{ display:inline; }
.wel_content{ width:100%; margin:0px; } 
.welcome_imgs { display: list-item; float: none; margin: 15px auto; }
.map_direction{ width:100%; margin:0px auto; }
}

@media only screen and (max-width : 801px) {

/*menu responsive breakpoint change for client needs*/
.navbar.sticky{ position:relative; }
.navbar-toggle{ margin-right:28px; border-color:#FFF !important; }
a.navbar-brand{ display:block; }
.navbar .container {  width: 100% !important; }
.navbar-header { float: none;   }
.navbar-left,.navbar-right { float: none !important;   }
.navbar-toggle { display: block;   }
.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);    }
.nav.navbar-nav.centermenu{ width:100%;  }
.navbar-inverse .navbar-nav > li > a{ padding:5px 10px; }
.navbar-inverse .navbar-nav > li > a:hover{ border:0px; }
.navbar-fixed-top { top: 0; border-width: 0 0 1px; }
.navbar-collapse.collapse { display: none!important; }
.navbar-nav { float: none!important;	}
.navbar-nav > li{ float: none; 	padding:0px !important;	 border-bottom:1px solid #cccccc; }
.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
.navbar-nav>li:last-child{ border-bottom:0px; }
.collapse.in{ display:block !important; background-image:none; 	box-shadow: none; border:0px !important; } 
.navbar-collapse.collapse.in {  width: 100%; height:auto; }
#navbar {  margin-bottom:5px; } 
.news_bars{ display:none; }
nav.navbar{ margin-bottom:0px; margin-top:10px; }
.navbar-nav > li.newslink{ display:block; }
/*----*/

.navbar-inverse .navbar-nav > li:last-child a{ text-transform:capitalize; padding:5px 10px; margin-top:0px;  }
.navbar-inverse .navbar-nav > li:last-child{ position:relative; margin-top:0px; padding-bottom:0px; box-shadow:none; border-radius:0px; margin-bottom:15px; }

.carousel-caption h1{  font-size:24px;  }
.carousel-caption h2{  font-size:20px;  }
.beforeafter  .bx-viewport{ width:90% !important;  margin:0 auto; } 
.beforeafter  .bx-wrapper .bx-prev{ left: -30px; }
.beforeafter  .bx-wrapper .bx-next{ right: -30px; }
}

 

@media only screen and (max-width : 768px) {

div.left_coupon,div.right_coupon{ width:95% !important; min-height:180px; margin:10px 15px 20px; background-size:auto !important; }
.wel_content .vc_col-sm-6{ width:100%; text-align:justify; }
.wel_content .btn_print.fright{ float:none; display:block; margin:15px auto; }
.wel_content  .wpb_single_image.vc_align_right{ text-align:center; margin:10px 0 0;  }
.beforeafter  .bx-wrapper .bx-prev{ left: -15px; }
.beforeafter  .bx-wrapper .bx-next{ right: -15px; }
div.vc_custom_1428731323770{ padding-left: 15px !important; }
div.vc_custom_1428731339304{ padding-right: 15px !important; }
.popup_welcome-button{ margin:15px auto !important; float:none;  }

}

@media only screen and (max-width : 767px) {

.logo{width:40%; }
.social_link{width:50%; }
.wel_content .vc_col-sm-6 { margin: 0 auto; text-align: justify; width: 97%; }
.beforeafter{ width: 90%; }
/* .carousel-caption{  top: 30%; } */
.navbar-nav{ margin:0px; }
.navbar-collapse.collapse{ padding:0px; margin:0px; }
.lform{ margin-top:10px; }
.testimonial li .context{ display:block; text-align:center; }

.hover_gray{
    background-color:#fff;
    border-bottom: none;
    border-top: none;
    font-size: 16px;
    margin-bottom: 0px;
    padding: 0px;
}

.hover_gray  .col-md-6{
    background-color: #f5f5f5;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    font-size: 16px;
    margin-bottom: 15px;
    padding: 10px;
}

}


@media only screen and (max-width : 640px) {

.parallax ul li{ width:100%; margin:10px 0px; height:auto; }
.parallax ul li img{ height:auto;  }
.address{  margin-top:15px; }
.vc_row.wpb_row.vc_row-fluid.wel_content{ padding:0 15px; }
.home_coupon{  padding:0 15px; }

.wel_content .wel_content{ padding:0px  !important; }
.wel_content .wel_content{ width:100%; }
.wel_content .vc_col-sm-6{ width:100%; }
div.vc_custom_1428731323770{ padding-left: 15px !important; }
div.vc_custom_1428731339304{ padding-right: 15px !important; }
}

@media only screen and (max-width : 639px) {

.logo{ text-align:center; width:100%; }
.social_link{ margin-top:10px; width:100%; }
.social_link ul{ float:none; text-align:center; padding:0px; }
.header_address{ width:100%; }
.header_address > p{  text-align:center;  display:inline-block;  }
.header_address > p:first-child{ width:50px;  display:inline-block;  }
.header_address {   text-align: center;    width: 100%; }
.header_contact{ width:auto;  margin: 0px; float:none; }
.header_contact > p{ width:auto; }
.carousel-caption{ top:20%; left:15%; }
.carousel-caption h1{ font-size:20px;  }
.carousel-caption h2{ font-size:16px;  }
div.left_coupon, div.right_coupon{ background-size:50% auto !important;  }
.wel_content h3{ font-size:21px; }
.vc_custom_1428731339304{ padding-right:15px; }
.copyrights span{ font-size:12px; }
.logo img{ width:60%; }
div.left_coupon, div.right_coupon{ margin:10px 10px 15px; }
.beforeslider > li{ width:100% !important; }
.slider .carousel-control span {  top: 30% !important; }
.slider .glyphicon.glyphicon-chevron-right{ right:10% !important;  }
.slider .glyphicon.glyphicon-chevron-left{ left:10% !important;  }
.carousel-caption{ display:none; }
}

@media only screen and (max-width :360px) {

.header_address > p{ display:table-cell; }

.carousel-caption {  left:16%; }
.carousel-caption h1{ font-size:14px;  }  
.carousel-caption h2{ font-size:12px;  }  
.beforeslider{ width:80% !important; }
.beforeafter{ width:100% !important; }
.beforeafter  .bx-wrapper .bx-prev{ left: 0px; }
.beforeafter  .bx-wrapper .bx-next{ right:0px; }
div.left_coupon, div.right_coupon{ width:94%; }
}


@media only screen and (max-width : 320px) {

div.header_contact p{ font-size:21px; padding:7px 10px; }
.copyrights span{ font-size:10px; }
}