#join .btn-close, #get-pass .btn-close{background:none !important; font-size: 30px; color: #fff !important; opacity: 1;}

#join .btn-close:focus, #get-pass .btn-close:focus{box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0) !important;}

/*.sidebars .overlay {height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #3a3d46; overflow-x: hidden; transition: 0.5s;}*/

.sidebars .overlay {height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #3a3d46; overflow-x: hidden;}

.sidebars .overlay-content { position: relative; top: 5%; text-align: left; margin-top: 0px; max-width: 1184px; margin: 0 auto; padding: 0 16px; }

.sidebars .overlay a {text-decoration: none; font-size: 24px; line-height: 44px; color: #ffffff; font-weight: 600; font-family: "Poppins"; display: block; transition: 0.3s;}

.sidebars .overlay a:hover{color:#ffc92e !important;}

.sidebars .overlay a:hover, .sidebars .overlay a:focus {color: #f1f1f1;}

.sidebars .overlay .closebtn {position: absolute; top: 40px; right: 45px; font-size: 40px; color: #fff;}

.sidebars .head-sec{display: flex !important;  padding-top: 10px; max-width: 1184px; margin: 0 auto; flex-direction: row; align-items: center; justify-content: space-between; height: 77px; padding-left: 16px;
    padding-right: 16px;}
 
.sidebars .login-sec{margin-top:60px;}

.sidebars .login-sec li a{font-size: 16px; line-height: 26px; color: #ffffff; font-weight: 400; font-family: "Poppins";}

.menus .left-menu, .menus .right-menu{display: flex;}

.menus{width: 100%; justify-content: space-between; align-items: center;}

.menus ul{margin-bottom:0;}

.menus .right-menu li a{text-transform:uppercase; font-size: 13px; line-height: 14px; color: #fff; font-weight: 600; font-family: "Poppins"; padding: 0px 20px;}

.menus .left-menu li a{font-size: 13px; line-height: 14px; color: #393d46; font-weight: 600; font-family: "Poppins"; padding: 0px 20px; text-transform: uppercase;}

.menus .right-menu li a:hover, .menus .left-menu li a:hover{color: #ffc92e !important;}

.sidebars  .toggle-btn{margin-left:20px !important; margin-right: 20px !important;}

.navigatn .display-hidden{display:none;}



.sidebars .overlay-contents{display:none !important;}

.sidebars .overlay .closebtn:hover{color:#fff !important;}

.sidebars .head-sec .cross-btn{font-size: 47px; font-weight: 200; color: #fff; height: 30px; position: relative; left: 0px;}

.sidebars .head-sec .cross-btn:hover{color:#fff !important;}
.location-right-middle-sub-wrap .location-info p{margin-bottom: 15px !important;}

@media (min-width: 1200px) {
#footer img.img-fluid {
    position: relative;
    left: -5px;
}
#footer .social-media li:first-child {
    margin-left: 0;
}
}







@media (max-width: 1400px) and (min-width: 1200px){

.sidebars .head-sec, .sidebars .overlay-content { max-width: 1140px; }

.head-sec.d-flex .cross-btn { margin-left: 20px !important; margin-right: 20px !important; }

}

@media (max-width: 1199px) and (min-width: 992px){

.sidebars .head-sec, .sidebars .overlay-content { max-width: 952px; }

.head-sec.d-flex .cross-btn { margin-left: 20px !important; margin-right: 20px !important; }
.coming-nav .right-menu li a, .coming-nav .left-menu li a { padding: 0px 10px !important; }

}

@media (min-width: 992px) and (max-width: 1099px) {

.coming-nav .right-menu li a, .coming-nav .left-menu li a { padding: 0px 10px !important; }

}

@media (max-width: 991px) { 

.sidebars .head-sec, .sidebars .overlay-content { max-width: 95%; }

.head-sec.d-flex .cross-btn { margin-left: 20px !important; margin-right: 27px !important; margin-top: 10px; }

}



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

.menus{display:none !important;} 

/*  .navigatn .black-btn{display:none!important;}*/

.sidebars .overlay-content{display:none !important;}

.sidebars .overlay-contents{display:block !important;}

}

@media(max-width:1024px) and  (min-width:768px){

.sidebars .overlay a {font-size: 20px; line-height: 36px;}

.sidebars .login-sec {margin-top: 40px;}

.sidebars .overlay .closebtn {right: 30px; font-size: 35px;}

/*.sidebars .overlay {transition: 0.2s;}*/

.overlay .head-sec img { max-width: 140px !important;  margin-left: 0; }
.head-sec.d-flex .cross-btn { left: 26px;}


}

@media(max-width: 767px){

.navigatn .toggle-btn{display:none !important;}

.navigatn .black-btn{display:block !important;}

.sidebars .overlay-contents{display:none !important;}

.sidebars .overlay-contents{display:block !important;}

.sidebars .overlay a {font-size: 18px;line-height: 35px;}

.sidebars .login-sec {margin-top: 30px;}

.sidebars .overlay .closebtn {right: 20px; font-size: 30px;}

/*.sidebars .overlay {transition: 0.2s;}*/

#get-pass .santan-join li a, #join .santan-join li a{color:#fff !important;}

.sidebars .head-sec .cross-btn {right: 20px; font-size: 35px;}

.head-sec.d-flex .cross-btn { margin-left: 20px !important; margin-right: 10px !important; margin-top: 3px; }
.overlay .head-sec img { margin-left: 6px;  max-width: 140px !important; }
.sidebars .head-sec { height: 64px;}
.sidebars .head-sec .cross-btn { left: 0;}
#footer { padding: 50px 14px 0px 14px;}
#footer .social-media { margin-bottom: 40px; }
#footer .social-media li:first-child { margin-left: 0; }
#footer .left-algn {  text-align: left;  margin-bottom: 20px; }




}





@media screen and (max-height: 450px) {

.sidebars .overlay a {font-size: 20px}

.sidebars .overlay .closebtn {

font-size: 40px;

top: 15px;

right: 35px;

}

}

@media(max-width: 480px){ 

.role-section .left-content ul { width: 100%;}

}