@media only screen and (max-width: 1660px) {
  .caro__outer:hover .caro-nav .caro-prev {left: 0.5em;}
  .caro__outer:hover .caro-nav .caro-next {right: 0.5em;}
}

@media only screen and (max-width: 1440px) {
     .header .container { max-width: 100%; width: 100%;padding: 0 15px;}
   .nav_bg nav ul li a{    font-size: 12px;}
   .more_nav .req_btn{    text-align: right;    width: 100%;}
   .more_nav .req_btn a{    padding: 8px 0px;}
}


@media only screen and (max-width: 1220px) {
     .container { max-width: 100%; width: 100%;padding: 0 15px;}
    .more_nav .req_btn a{    padding: 5px 5px;width: auto;}
    .more_nav{    width: 20%;}
    .nav_bg{    width: 80%;}
}


@media only screen and (max-width: 1145px) {
    .container{max-width: 100%; width: 100%;padding: 0 15px;}
    .more_nav .req_btn a{font-size: 18px;}
    .nav_bg nav ul li { margin: 0 5px;}
    .footer_bot p>img{    text-align: center;margin: 0 auto;}
    .sidebar .pro_list h3{font-size: 20px;}
     .nav_bg nav ul li a{font-size: 11px;}
      .more_nav{    width:15%;}
    .nav_bg{    width: 85%;}
}


@media only screen and (max-width:1023px) {
    .header{height: auto; min-height: auto;}
    .menubar { padding: 25px 15px;}
    .sec1{padding: 50px 0; }
    .footer_bot .address , .footer_bot .call_me{text-align: center;}
    .bg_sec,.testimonial_sec{    background-attachment: initial;}
    .content_wrap h2,.content_wrap .img_wrap h2{    font-size: 38px;}
}


@media only screen and (max-width: 991px){
    .header .logo img{height: 110px;}
    .more_nav{ width: 100%;}
    .nav_bg{width: 0;}
    .nav_bg nav{display: none;}
    .more_nav .req_btn{    padding: 10px 0;text-align: right;}
    .banner_section .banner{height:600px;}
    .sec1 p { padding: 0 10px 10px;}
    .banner_section .caption h1{font-size: 100px;}
    .banner_section .caption a{font-size: 18px;}
    .testimonial_slider p{padding: 0 20px 10px;}
    .dr_logo_sec ul li { padding:0 20px 20px;}
    .footer_bot .map{margin-bottom: 20px;}
    .blog_sec ul li{padding: 15px;}
    .blog_sec ul li .img_div img{width: 100%; height: 100%;max-height: 300px; object-fit: cover;}
    .testimonial-pager span, .caro-pager span{    width: 15px;height: 15px;}
    .testimonial-pager span.cycle-pager-active, .testimonial-pager span:hover, .caro-pager span.cycle-pager-active, .caro-pager span:hover,.testimonial-pager span, .caro-pager span{border: 1px solid #cacaca;}
    .sec1 .img_list li .bg_img.bg:hover .overlay{padding: 10px;}
}

@media screen and (max-width: 991px) and (min-width: 678px) {
  .blog_sec ul { -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; }

  .blog_sec ul li { text-align: center; -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 1 49%; -moz-flex: 0 1 49%; -ms-flex: 0 1 49%; flex: 0 1 49%; }
}

@media only screen and (max-width:767px) {

    .nav-icon{ right: 40%; height: 20px;     top: 15px;width: 20px;}
    .nav-icon span:nth-child(2) {top: 6px;}
    .nav-icon span:nth-child(3) {top: 12px;}
    .sticky .logo{display: none;}
    .header.sticky{border-bottom:none;}
    .header.sticky .menubar {padding: 0;}
    .logo{text-align: center;}
    .nav-icon:after { content: 'Menu'; width: auto; color: #fff;top: 15px;left: -10px;right: 0;}
    .nav-icon span{background-color: #fff;}
    .mob_menu {text-align: right;padding-right: 33.3%;display: block;}
    .more_nav {width: 100%;    }
    .mob_menu li{ display: inline-block;width: 48%;text-align: center;padding: 6px 0;}
    #menuIcon{width:  33.3%;float: right;margin-top: -56px;height: 50px;}
    .mob_menu li a{letter-spacing: 1px; font-weight: bold; font-family: 'Roboto', sans-serif;font-size: 14px;text-decoration: none;line-height: 20px;color: #fff;}
    .mob_menu span{    margin-bottom: 5px;display: block;}
    .header{padding-bottom:0;}
    .menubar { padding: 10px 0px 0;}
    .mobile-nav-bar{     height: 50px;    background: -ms-linear-gradient(right, #e08026 0%, #A55625 100%);
    background: -moz-linear-gradient(right, #e08026 0%, #A55625 100%);
    background: -o-linear-gradient(right, #e08026 0%, #A55625 100%);
    background: -webkit-gradient(linear, right top, left top, color-stop(0, #e08026), color-stop(100, #A55625));
    background: -webkit-linear-gradient(right, #e08026 0%, #A55625 100%);
    background: linear-gradient(to left, #e08026 0%, #A55625 100%);}
    .more_nav .req_btn{width: 100%;padding: 10px 0;  text-align: center;float: none;}
    .footer_bot p {text-align: left;}
    .sec1 .img_list li .bg_img{margin-bottom: 25px;}
    .ft_bt ,.ft_bt .txt_rt{text-align: center;}
    .contact_sec{background-size: cover;}
    .sec{padding: 30px 0;}
    .sec h2{line-height: 65px;}
    .dr_logo_sec ul li {padding: 0 10px 20px;}
    .blog_sec{padding: 50px 0;}
    .contact_sec .pad_rt ,.contact_sec .pad_last{    padding: 0 15px!important;}
    .pro_details .img_div img, .blog_post .img_div img{width: 100%; object-fit: cover;}
    .sidebar {padding-bottom: 50px;}
    .content_wrap h2>a{font-size: 22px;}
}

@media screen and (min-width: 678px) {
  .blog_sec ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
  .blog_sec ul li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .blog_sec ul li .main_div{ -webkit-flex-grow: 1; flex-grow: 1;}
}

@media only screen and (max-width:660px) {
    .bg_slider .silde_details a{ margin-top: 20px;}
    .more_nav{ width: 100%;}
    .nav_bg{width: 0;}
    .header .logo a{ padding: 13px 0;}
    .banner_section .caption h1 {font-size: 70px;}
    .banner_section .caption a {font-size: 14px;    padding: 10px 15px;}
    .testimonial_slider p { padding: 0 0px 10px; font-size: 18px;}
    .sec h2 {line-height: 65px;font-size: 50px;}
    .caro__outer .caro-nav .caro-next { right: 0.4em;}
    .caro__outer .caro-nav .caro-prev {left: 0.4em;}
    .sec1 .img_list li .bg_img.bg {min-height: auto;}
    .content_wrap h2, .content_wrap .img_wrap h2 {font-size: 35px;}
    #closeIcon em{margin-left: 3px;}
}

@media only screen and (max-width:480px) {
    .banner_section .banner {height: 400px;}
    .banner_section .caption h1 { font-size: 50px;}
    .banner_section .caption a{    margin-right: 5px;}
    .bg_sec h2,.sec1 h2,.blog_sec h2 {font-size: 50px;line-height: 50px;}
    .bg_sec p,.bg_sec a{font-size: 18px;}
    .sec1 .img_list li .bg_img .overlay{position: relative; display: block;}
    .img_wrap h2 {font-size: 40px;}
    .content_wrap h3{font-size: 20px;}

    .sec1 .img_list li .bg_img.bg .overlay {
        padding: 24px 16px !important;
        opacity: 1;
        display: block;
    }

    .sec1 .img_list li .bg_img.bg .overlay .text {
        top: auto;
        transform: none;
    }
}

@media only screen and (max-width:360px) {
    .sec1 a.lr_btn{font-size: 20px;}
    .footer_bot ul.social,.footer_bot p{text-align: center;}
    .footer_top .list ul li{width: 100%;}
}



/*@media only screen and (max-height: 850px){*/

/*    .more_nav.menuOpen nav ul.bot{    height: 450px;*/
/*    overflow-y: scroll;}*/

/*}*/
