@media (min-width: 1080px) { 
    .navbar-nav	li:hover ul {display:block;visibility:visible;opacity:1;z-index:1;transform:translateY(0%);transition-delay:0s, 0s, 0.3s;}
    .navbar-nav	li ul ul {display:none !important;}
    .navbar-nav	li ul li:hover ul{display:block !important;} 
    .navbar-nav	li ul {  visibility:hidden;opacity:0;  display: block !important; }
    .blk-none{display: none !important;}
    } 
    @media (max-width: 1200px) {  
    .container	{width:100%; padding-left:20px; padding-right:20px;}
    .navbar-nav	li 	 {display:inline-block; float:none;}
    .row-list{margin-right: 0; margin-left: 0; }
    .navbar-default .navbar-nav > li > a   {padding:0 5px 0;     }
    /* .navbar-default .navbar-nav > li:first-child{padding:0;} */
    .navbar-nav	li:last-child ul {right:0; left:-55px;}
    .navbar-default .navbar-nav > li { padding: 0 4px;}
    .logo{top:0;} 
    .navbar-nav li ul{left:10px;}
    .navbar-nav	li:hover ul {display:block;} 
    } 
        @media (max-width: 1079px) {
        .inner_banner { display: inline-block; margin: 60px 0 0; }
        .btn-right{position: relative; top: 10px !important; bottom: 0; justify-content: center;  width: 100%;   display: flex;}
        .logo img{    max-width: 80px;}
        .none-blk{display: none !important;}
        .collapse {display:none;}
        .navbar-default .navbar-collapse.show{ display: block !important; transition: all ease-in-out 0.2s;
        -o-transition: all ease-in-out 0.2s;
        -webkit-transition: all ease-in-out 0.2s;
        -ms-transition: all ease-in-out 0.2s; }
        .navbar-collapse { width: 100%; max-width: 100%; height: calc(100% - 70px); top: 67px; position: fixed; left: -110%; display: block !important; transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; background: #7A232E; /* transform: translateX(-100%); */ border-top:1px solid #6B376A; overflow-y: auto; overflow-x: hidden; z-index: 9; }
        .navbar-collapse.show { left:0; transform: translateX(0%); } 
        .navbar-default .navbar-collapse{border:none; box-shadow:none;} 
        .headertoprgt {display:none; background-color: transparent;}
        .mobilelist {display:block;}  
        .mobilelist .headertoprgt {display:block ;padding: 0 0 5px;margin: 0;}
        .navbar{float:none; margin:0 0 0;}  
        .navbar-header {float:left;} 
        .navbar-toggle.active .icon-bar:nth-of-type(3) { top: -6px; transform: rotate(-45deg); width: 22px !important;} 
        .navbar-toggle .icon-bar {   display: block; width: 22px; height: 2px; border-radius: 1px; background: #7A232E;}
        .navbar-toggle {float: none; display: block; margin: 10px 0 0 10px; border-color: #fff; padding: 14px 10px; border-radius: 50%;
        background: #fff; position: relative; outline: none !important; }
        .navbar-toggle .icon-bar:nth-child(2) { width: 20px; margin: 4px 0; }
        .navbar-toggle .icon-bar:nth-child(3) { width: 16px; } 
        .navbar-nav {width:100%;margin:0px 0 0;}
        .navbar-nav li{width:100%; border-bottom:1px solid #fff;} 
        .navbar-nav li a{padding:5px 3px !important; font-size:12px;}
        .navbar-nav li span {display:block;}
        .navbar-nav	li ul ul {position:static; width:100%; padding:5px 10px;}
        .navbar-nav	li ul{ position: static; width: 100%; padding: 5px 10px; visibility: visible; opacity: 1; transform: none !important;
        transition: none !important; display: none; }
        .navlist { padding:0 10px 0; position:relative; z-index:9; display:block; width:100%; float:none;}
        .logo	 {display:block;float:left;position:relative;width: 70%;}
        .logo_pos   {display:none !important;}
        .navbar-header {float:right; display: block;} 
        .navbar-default .navbar-nav > li > a {text-align:left; display: block; color: #fff;}
        .navbar-default .navbar-nav > li { padding: 5px 5px; text-align:left;}
        .navbar-default .navbar-nav > li > a:after {display:none;}
        .navbar-nav	li:hover ul {display:none;}
        .navbar-nav	li ul {display:none;}
        /*.navbar-nav	li ul ul {display:none !important;} */
        .navbar-nav	li ul li:hover ul{display:none;}
        .navbar-nav li ul li:hover{ color:#fff;}
        .navbar-default .navbar-nav > li:last-child{/*padding:0;*/}
        .navbar-nav li:last-child {border:none;}
        .navigation{background-color:#7A232E !important;}
        .header.sticky .navbar{margin: 0;} 
        .header.sticky .navbar-collapse{top: 62px;}
        .header.sticky .logo img{width: 100%;}
        .navbar-default .navbar-nav > li > a i{display: none;}
        .navbar-nav	li ul li a i {display: none;} 
        } 
    @media (max-width: 991px) {
    .headertoprgt {display:none;}
    .mobilelist {display:block;}  
    .mobilelist .headertoprgt {display:block ;padding: 0 0 5px; margin: 10px 0 0;}  
    .navbar{float:none;}  
    .navbar-header {float:right;} 
    .collapse {display:none;}
    .navbar-nav {width:100%;}
    .navbar-nav li a{padding:5px 7px !important;}
    .navbar-default .navbar-nav li.active a { color: #fff; }
    .navbar-default .navbar-nav > li > a:hover{color: #fff;}
    .navbar-nav li span {display:block;}
    .navbar-nav li ul li span{display: block;}
    .navbar-nav	li ul ul {position:static; width:100%; padding:5px 10px;}
    .navbar-nav	li ul{position:static; width:100%; padding:5px 10px;}
    .navlist { padding:0 0px 0; position:relative; z-index:9; display:block; width:100%;}
    /* .logo	 {display:block; float:left; top:0;} */
    .logo_pos   {display:none !important;} 
    }
    
    @media (max-width: 767px) {  
    .navbar{float:none;}  
    }
@media only screen and (max-width: 1300px){
.navbar-default .navbar-nav > li > a{font-size: 15px;}
} 
@media (max-width: 991px) and (min-width:768px){}
@media (max-width: 767px) and (min-width:571px){
    .service-provider .mCSB_container{    padding: 0 20px !important;}
    .select-prd .custom-control-label .left-div .img-gird img{width: 100px !important; height: 100px !important;}
    .select-prd .custom-control-label .left-div p{    font-size: 14px !important; line-height: 18px !important;}
    .select-prd .custom-control-label .left-div h5{    font-size: 18px !important; line-height: 22px !important;}
    .select-prd .custom-control-label .left-div h3{    font-size: 24px !important; line-height: 30px !important;}
    
}
@media (max-width: 570px) and (min-width:300px){
    
        .service-provider .mCSB_container{    padding: 0 20px 0 0 !important;}
    .select-prd .custom-control-label .left-div .img-gird img{width: 50px !important; height: 50px !important;}
    .select-prd .custom-control-label .left-div p{    font-size: 14px !important; line-height: 18px !important;}
    .select-prd .custom-control-label .left-div h5{    font-size: 16px !important; line-height: 20px !important;}
    .select-prd .custom-control-label .left-div h3{    font-size: 20px !important; line-height: 26px !important;}
    .sb-5{margin-bottom: 50px;}
    .request-appointment p{    font-size: 18px !important; line-height: 23px !important;}
    .appointment h3, .request-appointment h3{    font-size: 24px !important;     line-height: 31px !important;}
    .thank-box p{    font-size: 16px !important;}
    .location-box .custom-control-label .left-div p{    font-size: 15px !important; line-height: 18px !important;}
    .location-box .custom-control-label .left-div h6{ font-size: 21px !important; line-height: 29px !important;}
    .location-box, .thank-box {padding: 30px 20px !important;}
    .text-right{text-align: left !important;}
    .bottom-gird ul:first-child{    border-bottom: 1px solid #7A232E !important; border-right: 0 !important;}
    .bottom-gird ul{    width: 100% !important;}
    .services-offer-box ul li{width: 100% !important; text-decoration: underline; border-right: 0 !important;}
    .services-offer-box ul{display: block !important;}
    .services-offer-box h3 {font-size: 22px !important;}
    .custom-control-label{font-size: 15px !important;}
    .terms-box, .clients-box, .service-provider{    padding: 20px 30px !important;}
    .terms-box h3, .clients-box h3, .location-box h3, .service-provider h3{font-size: 25px !important;}
}