@media (max-width:767px) {
.first-section{width:100%;background:url('new-imgs/mob-about-us2.jpg');background-size: 100% 100%;background-repeat: no-repeat;}
.first-section .row.header{width:100%;margin: 10px auto 0px auto;}
.first-section .row.header .logo-img{width:80px;margin-top: 5px;}
.first-section .row.header .logo-img img{width:100%;height: auto;}
.first-section .row.header .col-sm-2.trigger2{padding:10px 0px;cursor: pointer;color: #fff;font-size: 22px;width: 10%;}
.first-section .row.header .col-sm-2 .glyphicon{padding-left: 7px;}
.first-section .row .title-1 h1{color:#fff;letter-spacing: 1.5px;font-family: 'Muli', sans-serif;font-size: 22px;line-height: 1.3;padding-left: 10px;padding-top: 30px;padding-bottom: 40px;}
.first-section .row .title-1 .sub-text{color:#fff;font-size: 12px;font-family: 'Raleway', sans-serif;letter-spacing: 1px;border: 1px solid red hidden;}


.second-section{padding:25px 0px 0px 0px;}
.second-section .row{width: 90%;margin: 0 auto;}
.second-section .title-2 p{font-size: 14px;font-family: 'Lato', sans-serif;line-height: 1.8;color: #646464;letter-spacing: 2px;padding: 20px 0px;}




/*about-us*/
/*-------------------fourth-section-----------------------*/

.fourth-section {background-color: #000;padding: 90px 0px 120px 0px;color: #fff;background-image: url(new-imgs/about1.png);}
.fourth-section .row{width: 90%;margin: 0 auto;}
.fourth-section h1{font-family: 'Playfair Display', serif;font-size: 45px;letter-spacing: 1.2px;padding-bottom: 20px;}
.fourth-section p{font-family: 'Lato', sans-serif;letter-spacing: 1.5px;line-height: 1.5;padding-bottom: 20px;}
.fourth-section .btn{background-color: transparent;border: 1px solid #fff;border-radius: 0px;font-family: 'Lato', sans-serif;letter-spacing: 1.2px;}
/*-------------Fifth Section----------------------*/

.fifth-section{padding: 35px 10px 90px 10px;}
.fifth-section h1{font-family: 'Playfair Display', serif;font-size: 45px;letter-spacing: 1.2px;}
.fifth-section p{font-size: 14px;font-family: 'Quicksand', sans-serif;line-height: 1.8;font-weight: 700;color: #6f6f6f;letter-spacing: 1.5px;padding-bottom: 50px;}
.fifth-section .row{width: 100%;margin: 10px auto 20px auto;}
.fifth-section .row .col-sm-2 img{width: 100%; height: auto;vertical-align: middle;}
.fifth-section .row .col-sm-2 {border: 1px solid red hidden;margin: 0 auto;}
/*------------footer-------------*/



/*------------footer-------------*/
.footer-section {padding-top: 40px;padding-bottom:50px;background-color: #111;margin-top: 0px;padding-left:0px;padding-right:0px;}
.footer-section .footer-upper .col-xs-7,.footer-section .footer-upper .col-xs-5{border:1px solid #000 hidden;}
.footer-section .footer-upper .col-xs-7 p,.footer-section .footer-upper .col-xs-5 p{color:#000;padding-left:14px;font-family: 'Raleway', sans-serif;letter-spacing: .9px;font-size: 12px;font-weight: 700;color: #eee;}
.footer-section .footer-upper .col-xs-7 h3,.footer-section .footer-upper .col-xs-5 h3{color: #000;font-family: 'Raleway', sans-serif;text-align: center;font-size: 15px;letter-spacing: 1.2px;}
.footer-section .footer-upper .col-xs-7 li,.footer-section .footer-upper .col-xs-5 li{color: #aaa;font-family: 'Raleway', sans-serif;font-size: 13px;letter-spacing: .8px;cursor: pointer;}
.footer-section .footer-upper .col-xs-7 ul,.footer-section .footer-upper .col-xs-5 ul{padding: 15px;}
.footer-section .footer-upper .col-xs-7 a,.footer-section .footer-upper .col-xs-5 a{color: #ccc;font-family: 'Raleway', sans-serif;font-size: 13px;}
.footer-section .footer-upper .col-xs-7 span,.footer-section .footer-upper .col-xs-5 span {color: #f1f1f1;font-size: 100px;padding-left: 100px;}
.footer-section .footer-upper .col-xs-12 .icon-mywow-logo-2{width:100px;display: block;margin:15px auto;}
.footer-section .footer-upper .col-xs-12 .icon-mywow-logo-2 img{width:100%;height: auto;}

.footer-section .footer-lower {margin: 30px auto;}
.footer-section .footer-lower p{color: #aaa;font-family: 'Raleway', sans-serif;letter-spacing: .3px;font-weight: 300;padding-top: 20px;text-align: center;}

.footer-section .footer-lower span{font-size: 30px;padding-left: 10px;cursor: pointer;}
.footer-section .footer-lower span:hover{color: #fff;}
.footer-section .footer-lower .icon-facebook-circled{color: #3b5998;}
.footer-section .footer-lower .icon-youtube-play{color: #c4302b;}

.fixed-footer.affix{width:100%;background: #056571;bottom:0px;}
.fixed-footer .list-inline{margin-left: 0px;}
.fixed-footer ul{margin-bottom: 0px;}
.fixed-footer li{text-align: center;color:#fff;padding:10px 0px;cursor: pointer;font-family: 'lato',sans-serif;}
.fixed-footer li.lft{background: #ff6a5c;width: 50%;}
.fixed-footer li.rgt{background: #056571;width: 48%;}

/* contact modal */
#contact-us .modal-content{background-color: #ff6a5c;}
#contact-us li{color: #fff;font-family: 'Lato', sans-serif;font-size: 14px;letter-spacing: .8px;padding-top: 5px;cursor: pointer;font-weight: 600;}
#contact-us a{color: #fff;font-family: 'Lato', sans-serif;font-size: 14px;padding-left: 5px;}
#contact-us h4{font-family: 'Raleway', sans-serif;font-size: 16px;color: #fff;letter-spacing: 1.2px;}
/* query modal */
#query .submit{background: #ff6a5c; color:#fff;font-family: 'lato',sans-serif;font-size: 13px;letter-spacing: 1.2px;}
#query .modal-content{background-color: #056571;}
#query h4{font-family: 'Raleway', sans-serif;font-size: 16px;color: #fff;letter-spacing: 1.2px;}
#query input{font-family: 'lato',sans-serif;color: #6f6f6f;font-size: 14px;}
/*------------left panel ---------------*/
#slider2{z-index:10;background: #056571;overflow-y:scroll;}
.wrapper.left-panel{width: 300px;}
#slider2 .menu-header,#slider2 .menu-header .col-sm-9,#slider2 .menu-header .col-sm-3{border:1px solid #000 hidden;}
#slider2 .menu-header .col-sm-3 .cross {font-family: 'Raleway', sans-serif;font-weight: 200;font-size: 20px;color: #ddd;padding-top: 15px;}
#slider2 .menu-header .col-sm-3 .cross:hover{color:#fff;}
#slider2 .menu-header .col-sm-3{cursor: pointer;}

#slider2 .menu-list button{background-color: #29f;color: #fff;padding: 8px 35px;letter-spacing: 1.5px;font-family: 'Raleway', sans-serif;font-size: 15px;margin-top: 20px;margin-bottom: 15px;}
#slider2 .menu-list .quick-links hr{border-top: 0.1px solid #ccc;}
#slider2 .menu-list  p{font-size: 12.5px;padding-left: 38.5px;color: #fff;font-family: 'Raleway', sans-serif;letter-spacing: .8px;font-weight: 700;}
#slider2 .menu-list .quick-links li{font-size: 12px;font-family: 'Raleway', sans-serif;color: #efefef;cursor: pointer;padding-top: 5px;font-weight: 600;letter-spacing: 1.2px;}
#slider2 .menu-list .quick-links li:hover,#slider2 .menu-list .contact li:hover{color: #fff;}
#slider2 .menu-list .contact li{font-size: 12px;font-family: 'Raleway', sans-serif;color: #efefef;cursor: pointer;padding-top: 5px;font-weight: 600;letter-spacing: 1.2px;}

#slider2 .menu-list .quick-links li a{color: #efefef;}

#slider2 .menu-list .contact li a{color: #f2f2f2;padding-left: 5px;font-family: 'Lato', sans-serif;}
#slider2 .menu-list .contact li {font-family: 'Lato', sans-serif;}
/*------------left panel ---------------*/
  div::-webkit-scrollbar {
    width: 10px;
}

 
div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
/*------------left panel ---------------*/

}


@media (min-width:767px) {

.first-section{width:100%;background:url('new-imgs/about-us2.jpg');background-size: 100% 100%;background-repeat: no-repeat;background-color:  #056571;}
.first-section .row.header{width:95%;margin: 0px auto;}
.first-section .row.header .logo-img{width:80px;margin-top: 20px;}
.first-section .row.header .logo-img img{width:100%;height: auto;}
.first-section .row.header .col-sm-2.trigger2{padding:20px 10px;cursor: pointer;color: #fff;font-size: 16px;width: 10%;margin-top:19px;font-family: 'Raleway', sans-serif;letter-spacing: 1.3px;font-weight: 600;}
.first-section .row.header .col-sm-2 .glyphicon{padding-left: 7px;}
.first-section .title{border: 1px solid red hidden;width: 80%;margin: 0 auto;}
.first-section .row .title-1 h1{color:#fff;letter-spacing: 2px;padding-top: 85px;font-family: 'Muli', sans-serif;font-weight: 500;font-size: 60px;line-height: 1.3;}
.first-section .row .title-1 h3{color: #fff;font-family: 'Raleway', sans-serif;padding-bottom: 80px;letter-spacing: 1.5px;font-size: 16px;padding-left: 10px;padding-bottom: 80px;}
.first-section .row .title-1 h2{color:#fff;padding-top: 85px;font-size: 60px;font-family: 'Playfair Display', serif;letter-spacing: 1.8px;padding-bottom: 120px;}



.second-section{padding:45px 15px;}
.second-section .title-2 p{font-size: 17px;font-family: 'Lato', sans-serif;line-height: 1.8;color: #646464;letter-spacing: 2px;padding: 20px 0px;}

.second-section .row {width: 80%;margin: 0 auto;}







/*------------footer-------------*/
.footer-section {padding-top: 120px;padding-bottom:50px;margin-top: 0px;background-color: #111;}
.footer-section .footer-upper .col-sm-3 p{color:#fff;padding-left:40px;font-family: 'Raleway', sans-serif;letter-spacing: .9px;font-size: 12px;font-weight: 700;}
.footer-section .footer-upper .col-sm-3 h3{color: #6f6f6f;font-family: 'Raleway', sans-serif;text-align: center;font-size: 15px;letter-spacing: 1.2px;}
.footer-section .footer-upper .col-sm-3 li{color: #fff;font-family: 'Lato', sans-serif;font-size: 13px;letter-spacing: .8px;padding-top: 5px;cursor: pointer;font-weight: 600;}
.footer-section .footer-upper .col-sm-3 a{color: #fff;font-family: 'Lato', sans-serif;font-size: 13px;padding-left: 5px;}

.footer-section .footer-upper .col-sm-3 .logo{width: 30%;margin: 0 auto;}
.footer-section .footer-upper .col-sm-3 .logo img{width: 100%;height: auto;}
.footer-section .footer-lower {margin: 30px auto;}
.footer-section .footer-lower p{color: #f2f2f2;font-family: 'Raleway', sans-serif;padding-left: 20px;letter-spacing: .3px;font-weight: 600;padding-top: 20px;font-size:13px;}

.footer-section .footer-lower span{font-size: 30px;padding-left: 10px;cursor: pointer;}
.footer-section .footer-lower span:hover{color: #fff;}
.footer-section .footer-lower .icon-facebook-circled{color: #3b5998;}
.footer-section .footer-lower .icon-youtube-play{color: #c4302b;}


/*------------left panel ---------------*/
#slider2{z-index:10;background: #056571;overflow-y:scroll;}
.wrapper.left-panel{width: 300px;}
#slider2 .menu-header,#slider2 .menu-header .col-sm-9,#slider2 .menu-header .col-sm-3{border:1px solid #000 hidden;}
#slider2 .menu-header .col-sm-3 .cross {font-family: 'Raleway', sans-serif;font-weight: 200;font-size: 20px;color: #ddd;padding-top: 15px;}
#slider2 .menu-header .col-sm-3 .cross:hover{color:#fff;}
#slider2 .menu-header .col-sm-3{cursor: pointer;}

#slider2 .menu-list button{background-color: #29f;color: #fff;padding: 8px 35px;letter-spacing: 1.5px;font-family: 'Raleway', sans-serif;font-size: 15px;margin-top: 20px;margin-bottom: 15px;}
#slider2 .menu-list .quick-links hr{border-top: 0.1px solid #ccc;}
#slider2 .menu-list  p{font-size: 12.5px;padding-left: 38.5px;color: #fff;font-family: 'Raleway', sans-serif;letter-spacing: .8px;font-weight: 700;}
#slider2 .menu-list .quick-links li{font-size: 12px;font-family: 'Raleway', sans-serif;color: #efefef;cursor: pointer;padding-top: 5px;font-weight: 600;letter-spacing: 1.2px;}
#slider2 .menu-list .quick-links li:hover,#slider2 .menu-list .contact li:hover{color: #fff;}
#slider2 .menu-list .contact li{font-size: 12px;font-family: 'Raleway', sans-serif;color: #efefef;cursor: pointer;padding-top: 5px;font-weight: 600;letter-spacing: 1.2px;}

#slider2 .menu-list .quick-links li a{color: #efefef;}

#slider2 .menu-list .contact li a{color: #f2f2f2;padding-left: 5px;font-family: 'Lato', sans-serif;}
#slider2 .menu-list .contact li {font-family: 'Lato', sans-serif;}
  div::-webkit-scrollbar {
    width: 10px;
}

 
div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
/*------------left panel ---------------*/

}