@charset "utf-8";
/*--------------media query css------------------*/	
/*------------tablet landscape view------*/
@media (min-width:1225px) {
    .container {width: 1200px;}
}
@media screen and (min-width: 768px) and (max-width:1520px){
    .carousel-caption{right: 15%; width: 415px;}
}
@media screen and (min-width: 768px) and (max-width:1220px){
    .carousel-caption{right: 12%;}
}
@media (max-width:1620px) {
    .index-new .carousel-caption {width: 440px; }
    .header-media {padding: 0 23px 0 13px;}
    .header-main .col-md-3.col-sm-4.col-xs-12.logo {padding-right: 10px;}
    .enumenu_ul li a {font-size: 2.2rem;}
}
@media (max-width:1440px) {
    
    .header-main .enumenu_ul li a { font-size: 2.0rem;  }
    .header-main .enumenu_ul.desk ul li a { font-size: 2.2rem; }
    .header-main .top-contant-detail > a { font-size: 1.8rem; white-space: nowrap; }
    .header-main .enumenu_ul > li:last-child:before, .header-main .enumenu_ul > li:last-child:after { left: 0; }
    .header-main .enumenu_ul > li:first-child:before, .header-main .enumenu_ul > li:first-child:after { left: -8px; }
    .header-main .enumenu_ul.desk ul { left: -60px; }
    .header-main .enumenu_ul>li { padding: 0px 10px; }
    .index-new .carousel-caption {top: 150px; width: 420px; }
    
    .header-media { padding: 0 13px 0 13px; }
    .header-media .social-media { display: inline-block;width: 35px;}
    .header-media .social-media li {margin-right: 0; margin-bottom: 8px;}
    .header-media .social-media li:last-child {margin-bottom: 0;}
}

@media (min-width: 1400px){    
    
}

@media (max-width:1260px) {
        .header-main .enumenu_ul>li { padding: 0px 7px; }
}

@media (max-width:1200px) {
    .enumenu_ul > li{padding: 0 15px;}
    .carousel-caption {right: 7%; left: 36.2% !important; top: 220px; width: 450px; }
    .enumenu_ul > li:last-child:before, .enumenu_ul > li:last-child:after { left: 8px;}
    .enumenu_ul > li:first-child:before, .enumenu_ul > li:first-child:after { left: -20px;}
    .right-side:after { box-shadow: -100px 0px 105px 80px rgba(245,245,245,0.8); -webkit-box-shadow: -100px 0px 105px 80px rgba(245,245,245,0.8); -moz-box-shadow: -100px 0px 105px 80px rgba(245,245,245,0.8); -ms-box-shadow: -100px 0px 105px 80px rgba(245,245,245,0.8); background: rgba(245,245,245,0.8); }
    .left-side:after { box-shadow: 100px 0px 105px 80px rgba(245,245,245,0.8); -webkit-box-shadow: 100px 0px 105px 80px rgba(245,245,245,0.8); -moz-box-shadow: 100px 0px 105px 80px rgba(245,245,245,0.8); -ms-box-shadow: 100px 0px 105px 80px rgba(245,245,245,0.8);   background: rgba(245,245,245,0.8);}
    .logo a { width: 100px; }
    .enumenu_ul.desk ul{ left: -58px;}
    
    .header-main .enumenu_ul > li:first-child:before, .header-main .enumenu_ul > li:first-child:after { left: -15px; }
    .header-main .enumenu_ul > li:last-child:before, .enumenu_ul > li:last-child:after { left: -5px;}
    .header-main .enumenu_ul > li { padding: 0px 8px; }
    .header-main .enumenu_ul li a { font-size: 2.0rem; }
    .header-main .enumenu_ul.desk ul li a { font-size: 2.0rem; }
    .header-main .top-contant-detail > a { font-size: 1.6rem; }
    .header-main .col-md-3.col-sm-4.col-xs-12.logo { max-width: 330px; padding-left: 0; }
    .header-main .enumenu_ul.desk ul { left: -72px; }
    .header-main .enumenu_ul > li:last-child:before, .header-main .enumenu_ul > li:last-child:after { left: -5px; }
    .header-main .enumenu_ul > li:after { left: -10px; }
    .header-main .enumenu_ul > li:before { left: -10px; }
    .header-main .enumenu_ul li a {font-size: 1.8rem; }
}

@media (max-width:1160px) {
.header-main .col-md-3.col-sm-4.col-xs-12.logo { max-width: 320px; }
.header-main .enumenu_ul>li {padding: 0 7px; }
.header-main .topMenu.col-sm-7 { padding: 39px 7px; }
.col-md-3.col-sm-4.col-xs-12.top-contant-detail { width: 26%; }
.header-main .enumenu_ul li a { font-size: 1.7rem; }
}
@media (max-width:1024px) {
    .contact-form .container { width: auto!important; }
    .col-md-3.col-sm-4.col-xs-12.top-contant-detail {display: none;}
    .header-media .social-media {width: auto;}
    .header-media .social-media li {margin-right: 15px; margin-bottom: 0;}
    .header-media .social-media li:last-child {margin-right: 0;}
}

/*------------tablet portrait  view------*/
@media (max-width:991px) {
    .enumenu_ul li a {font-size: 1.85rem;}
    .enumenu_ul > li{padding: 0 5px;}
    .about-section p{margin: 0;width: 100%;}
    .address-title {font-size: 3.51rem;}
    .footer-main li { padding: 0 20px;}
    .enumenu_ul.desk ul li a {padding: 5px 10px; font-size: 1.8rem;}
    .enumenu_ul > li:first-child:before, .enumenu_ul > li:first-child:after {left: -26px;}
    .enumenu_ul > li:last-child:before, .enumenu_ul > li:last-child:after {left: -10px;}
    .enumenu_ul > li:after,.enumenu_ul > li:before{left: -10px;}
    .enumenu_ul.desk ul { left: -76px;}
    .hasDatepicker { width: 92%;}
    
    .header-main .col-md-3.col-sm-4.col-xs-12.top-contant-detail { display: none; }
    .mobile-header-button { display: block;position: absolute; width: 100%; left: 0; top: 100%;}
    .mobile-header-button ul {width: 100%; display: flex; align-items: flex-start;}
    .mobile-header-button ul li {width: 50%;list-style: none; } 
    .mobile-header-button ul li label {display: block; margin-bottom: 5px;cursor: pointer; } 
    .mobile-header-button ul li a { background: #e53e2c; color: #fff; padding: 10px 10px 10px 10px; font-size: 1.0rem; text-align: center; color: #fff; display: inline-block; width: 100%;}
    .mobile-header-button ul li label { font-size: 1.1rem; }
    .mobile-header-button ul li:last-child a { background: #4e8fb5; }
    .mobile-header-button ul li a:hover{background: #4e8fb5;}
    .mobile-header-button ul li a span {display: inline-block; vertical-align: middle; color: #fff; font-size: 1.3rem;}
    .mobile-header-button ul li a .m-phone-icon{color: #fff; background: url(../images/phone-icon.png) no-repeat #21245d; height: 30px; width: 30px; display: inline-block; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; background-size: 30px; background-position: center; transition: background 0.5s ease-in-out 0s; -moz-transition: background 0.5s ease-in-out 0s; -ms-transition: background 0.5s ease-in-out 0s; -o-transition: background 0.5s ease-in-out 0s; -webkit-transition: background 0.5s ease-in-out 0s; overflow: hidden; display: inline-block; vertical-align: middle; margin-right: 10px; }
    .header-main .row {justify-content: space-between; }
    .header-main .topMenu.col-sm-7 { text-align: right; padding-right: 0; padding: 0; }
    .header-main .enumenu_ul>li { padding: 0 6px; }
    
    .social-media {display: flex; justify-content: center;}
    .header-media .social-media {justify-content: flex-start;}
    .header-media .social-media li {margin-right: 10px; margin-bottom: 0;}
    .header-media { width: auto; padding-left: 5px;}
    .header-main .col-md-3.col-sm-4.col-xs-12.logo { max-width: 300px; }
}

/*------------mobile landscape  view------*/
@media (max-width:768px) {

    .wufoo ul{margin: 25px 0 0;}
}
@media (max-width:767px) {

    body {
        overflow-x: hidden;
    }
    /*menu start*/
    header {
        padding-top: 0;
    }
    .enumenu_ul {
        display: none
    }
    .menu-block {
        height: auto;
    }
    .menu-icon {
        display: block
    }
    .services-detail a.pba-detail {
        border-bottom: 2px solid #d3d9da;
    }
    .enumenu_ul > li,.enumenu_ul > li:last-child,.enumenu_ul > li:first-child  {
        display: block;
        margin: 0px;
        padding: 8px 15px;
        text-align: left;
    }
    .header-main .enumenu_ul>li { padding: 8px 15px; }
    .enumenu_ul > li > a {
        display: block;
        text-align: center;
        padding: 0
    }
    .enumenu_ul {
        width: 100%;
    }
    .enumenu_ul > li ul {
        background: #D1D1D1;
    }
    .enumenu_ul > li ul a {
        text-align: left;
        display: block;        
        color: #ffffff;
        padding: 5px 15px;
    }
    .enumenu_ul > li ul a:hover{
        background: #4e8fb5; color: #fff;
    }
    /* Push Menu */
    body.menuslide_push {
        position: relative;
    }
    body.menuslide_push.slidemenuLeft {
        left: 0;
        transition: left 0.5s;
        -webkit-transition: left 0.5s;
        -moz-transition: left 0.5s;
        -ms-transition: left 0.5s;
        -o-transition: left 0.5s;
    }
    body.menuslide_push.slidemenuRight {
        right: 0;
        transition: right 0.5s;
        -webkit-transition: right 0.5s;
        -moz-transition: right 0.5s;
        -ms-transition: right 0.5s;
        -o-transition: right 0.5s;
    }
    body.slidemenuRight .enumenu_ul {
        right: -300px;
    }
    body.slidemenuRight.menu-open .enumenu_ul {
        right: 0;
    }
    body.slidemenuLeft .enumenu_ul {
        left: -300px;
    }
    body.slidemenuLeft.menu-open .enumenu_ul {
        left: 0;
    }
    body.menuslide_push.slidemenuLeft.menu-open {
        left: 300px
    }
    body.menuslide_push.slidemenuRight.menu-open {
        right: 300px
    }
    body.menuslide_push .enumenu_ul,
    body.menuOverlap .enumenu_ul {
        background: #000000 none repeat scroll 0 0;
        display: block;
        height: 100%;
        max-height: 100%;
        width: 100%;
        overflow: auto;
        position: fixed;
        transition: all 0.5s ease 0s;
        max-width: 300px;
        top: 0;
    }
	.wufoo {
		padding-bottom: 15px;}

    .enumenu_ul > li:before,.enumenu_ul > li:after,.carousel-caption,.address-main:after{display: none;}
    .topMenu, .sticky .topMenu{position: inherit;padding: 0;}
    .sticky .menu-icon .menu-box{top: 30px;}    
    .enumenu_ul li a { font-size: 2.4rem;    position: relative;    display: inline-block;}
    /*menu end*/
    .blue-light{height: auto;padding: 10px 0;position: inherit; display: none;}
    .sched a { font-size: 2.1rem;line-height: 45px;}
    .left-side:after{box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;border-radius: 0;background: rgba(245,245,245,0.85); left: -1000%; right: -1000%; top: -1000%;bottom: -1000%;}
    .right-side:after{box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;border-radius: 0;background: rgba(245,245,245,0.85); left: -1000%; right: -1000%; top: -1000%;bottom: -1000%;}
    .address-shop a, .address-shop span a,.address-con a.empty-btn{float: none;}
    .common-box{background-position: center center;}
    .about-section h1{font-size: 3.8rem;}
    .about-section p{font-size: 1.4rem;}
    .wufoo ul {margin: 10px auto 0px; display: block;}
    .contact-form,.about-section{padding: 50px 0; padding-bottom: 0px;}
    .mobile-hide{display: block;}
    .address-con { padding: 24px 15px 30px; text-align: center;}
    .notranslate {width: 100%; padding: 0 0 23px;}
    .logo-footer{width: 100%;border-radius: 8px;text-align: center;}
    .footer-cont{width: 100%;text-align: center;    border-top-right-radius: 0px;    border-bottom-left-radius: 8px;}
    .map-main { min-height: 540px;background-color:#C5BFB7; background-size: cover;background-position:bottom;}
    .address-shop a, .address-shop span a{width: 100%;}
    .buttons .submit{padding: 0;width: 100%;}
    span.error{left: 0;}
    .logo a {width: 57px; margin: 10px 0 10px 0; padding: 0 5px; }
    .sticky .logo a {width: 57px; margin: 10px 0 10px 0;}
    .menu-icon .menu-box{top: 30px;}
    .carousel .fill,section.inner-banner-wrap { padding-top: 74.934%;}
    .carousel { height: auto; margin-top: 80px; }
    .hasDatepicker{ width: 100%;}
    .col-xs-12.mobile-hide { padding: 0;}
    .address-title{line-height: 1;    margin-bottom: 21px;}
    .footer-main li{display: block;}
    .footer-menu-wrap{display: none;}
    .address-con a.empty-btn { margin-top: 24px;margin-bottom: 0;}
	span.fb-main.fb-mob{display: block!important;}
	.footer-cont { padding: 28px 40px 28px 48px; }

/*------------mobile portrait view------*/

    /* 13-03-23 css start work */
    .map-cont.map-block { justify-content: center; }    
    .header-main .col-md-3.col-sm-4.col-xs-12.logo { padding-left: 15px; }
    .contact-form-sec iframe { height: 530px; }
    .header-main .enumenu_ul { position: absolute;left: 0;right: 0;top: 100%;background: #fff;z-index: 9;}
    .header-main .logo a { padding: 0 5px; }
    .header-main .logo a:last-child { transform: scale(1.5); margin-left: 15px; }
    /* 13-03-23 css start work */
    
    .mobile-li {display: block !important;}
    .header-media {display: none;}
    .enumenu_ul > li.mobile-li .header-media {display: block!important; padding-left: 0; }
    .enumenu_ul > li.mobile-li ul {display: flex !important; background: transparent; padding-top: 0;}
    .enumenu_ul > li.mobile-li ul li {width: auto;}
    .social-media li a { height: 25px !important; width: 25px !important;padding: 0 !important;}
}

/* 13-03-23 css start work */
    @media (max-width:640px) {
        .map-block .top-contant-detail > a .m-phone-icon { background-size: 25px; height: 25px; width: 25px;}
        .map-cont.map-block { display: block; }
        .map-cont.map-block .logo-footer { padding: 20px 40px 20px 25px; display: flex; align-items: center; width: 100%; justify-content: center;}
        .map-block .footer-cont { padding: 28px 15px 34px 15px; }    
    }
/* 13-03-23 css start work */

/*----------optional css------*/
@media (max-width:480px) {    
    .common-box{text-align: center;padding: 75px 15px;}
    .our-services p{width: auto;text-align: center;    padding: 0 60px 30px;}
    .left-side,.right-side{float: none;}
    .our-services .service-title { font-size: 3.3rem;}
    .about-section p{text-align: center;}
    .carousel .fill,section.inner-banner-wrap { padding-top: 90%; }
	.map-icon {display:none;}
    .header-main .topMenu.col-sm-7 { width: 30.333333%; }
    .header-main .col-md-3.col-sm-4.col-xs-12.logo { max-width: 100%; padding-left: 15px; }
}

@media (max-width:380px) {
    .carousel .fill,section.inner-banner-wrap {padding-top: 110.934%; }
}


/*---------use only when design is customise-----------*/

