@media only screen and (max-width: 1322px){
    .arrow-down-search{
        right: -20px !important;
    }
    .home-left-bg img {
        width: 500px;
    }
}

@media only screen and (max-width: 1290px){
    .home-left-bg img {
        width: 400px !important;
    }
    .row.home-ml-100 {
        margin-left: -160px !important;
    }
}
@media only screen and (max-width: 1236px){
    
}
@media only screen and (max-width: 1199px){
    div#searchhistory[list]{
        width: 103% !important;
        max-width: 103% !important;
    }
    .grid-container-frlncr{
        grid-template-columns: 33.33% 33.33% 33.33% !important;
    }
    .home-search .hs-col-3{
        width: 100% !important;
        border: 0px !important;
        margin-bottom: 15px !important;
    }
    .home-search button.btn-search{
        position: relative !important;
        margin-top: 10px !important;
        left: 0px !important;
        padding: 10px 32px !important;
        float: right !important;
        margin-right: -10px;
    }
    .home-popular{
        margin-top: 55px !important;
    }
}
@media only screen and (max-width: 1190px){
    .row.home-ml-100 {
        margin-left: -130px !important;
    }
    .home-search {
        width: 90% !important;
    }
}
@media only screen and (max-width: 1140px){
    /* .home-left-bg img {
        width: 450px !important;
    } */
}
@media only screen and (max-width: 1090px){
    /* .home-left-bg img {
        width: 410px !important;
    } */
}
@media only screen and (min-width: 1025px){
	.hidden-bar.right-align.visible-sidebar{
		right:-400px !important;	
	}
    
}

@media only screen and (max-width: 991px){
    .grid-container-frlncr{
        grid-template-columns: 50% 50% !important;
    }
    .timeline-why {
        margin: -10px auto 0 0px !important;
    }
    .col-how-1,
    .col-how-2{
        width: 100% !important;
    }
    .home-left-bg{
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
        margin-top: 120px !important;
        position: relative !important;
    }
    .home-content {
        margin-top: 110px !important;
    }
    .home-search{
        width: 100% !important;
    }
    .padd-0 {
        padding: 0px 50px !important;
    }
    .row-home-img
    .client-box,
    .pwc-box{
        width: 90% !important;
    }
    .col-homenav-4{
        width: 30% !important;
    }
    .col-homenav-8{
        width: 70% !important;
    }
    .home-logo img {
        width: 150px !important;
    }
    .sel-sched .col-md-6{
        width: 100% !important;
    }
    .row1-mb30 {
        margin-bottom: 0px !important;
    }
}

@media only screen and (min-width: 768px){
	.main-menu .navigation > li > ul,
	.main-menu .navigation > li > ul > li > ul{
		display:block !important;
		visibility:hidden;
		opacity:0;
	}
    
    
}
@media only screen and (max-width: 1024px){
    .home-about {
        margin-top: 150px !important;
    }
    .search-input .bootstrap-tagsinput input{
        width: 100% !important;
    }
    .stylish.dropped-down select{
        line-height: 22px !important;
        letter-spacing: 0px !important;
        border: 1px solid #0000006e !important;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        border-radius: 4px !important;
        box-shadow: none !important;
    }
    .home-left-bg{
        display: none !important;
    }
    .home-content{
        margin-top: 100px !important;
    }
    .home-search input{
        font-size: 13px !important;
    }
    .home-time-dropdown {
        margin-left: -6px !important;
    }
    .search-input .bootstrap-tagsinput input {
        padding: 10px 10px 0px 5px !important;
    }
    .row.home-ml-100 {
        margin-left: -15px !important;
    }
    div.main {
        margin-left: 300px !important;
        padding: 77px 40px 70px 0px !important;
    }
    .main-header{
        left: 30px !important;
    }
    /* .home-left-bg img {
        width: 550px !important;
    } */
    .home-left-bg{
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
        margin-top: 40px !important;
        position: relative !important;
    }
    .home-width{
        width: 100% !important;
        padding: 0px 50px !important;
    }
    .home-search{
        width: 100% !important;
    }
}
@media only screen and (max-width: 1023px){
    .navbar-header {
        display: none;
    }
    .set-time-hours {
        height: 67px !important;
    }
    .main-header .main-box{
        position: fixed !important;
    }
    .main-header .main-box .logo-box{
        border-right: none !important;
        display: none;
    }
    .main-header .main-box{
        padding: 45px 35px 40px 20px !important;
        background-color: #fff !important;
        box-shadow: 0 1px 10px 1px rgb(0 0 0 / 9%);
    }
    .main-header .main-box .logo-box .logo img{
        display: none !important;
    }
    .main-box{
        width: 80%;
    }
	.main-header .main-box .logo-box {
		position:relative;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
		width:350px;
		margin:0px;
		text-align:left;
        margin-left: 0px;
        margin-right: 0px;
	}
	
	.main-header .main-box .outer-container{
		padding-left:0px;	
	}
    .main-header .nav-outer, .nav-outer .main-menu{
        display: block;
    }
    .main-header .nav-outer{
        position: absolute !important;
        float: right !important;
        right: 0;
    }
	.main-header .nav-toggler{
		display:block !important;
	}
	
}

@media only screen and (max-width: 991px){
    .col-top-search-full .home-search button.btn-search{
        padding: 7px 45px !important;
    }
    .home-left-bg{
        margin-top: 150px !important;
    }
    .home-content {
        padding-right: 50px !important;
    }
    .home-search {
        padding: 0px 25px !important;
    }
    .home-new-page {
        margin-left: 100px !important;
    }
}
@media only screen and (max-width: 860px){
    .col-top-search-full .home-search button.btn-search {
        padding: 6px 20px !important;
    }
    .col-top-search-full .home-search button.btn-search {
        top: auto !important;
        bottom: 5px !important;
        right: 6px !important;
    }
    .col-top-search-full div#searchhistory[list] {
        width: 112.5% !important;
        max-width: 112.5% !important;
    }
}
@media only screen and (max-width: 828px){
    .home-left-bg {
        margin-top: 100px !important;
    }
    /* .home-left-bg img {
        width: 420px !important;
    } */
}
@media only screen and (max-width: 775px){
    .nav-ml-20{
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .mobile-res-top{
        margin-top: -15px !important;
    }
}
@media only screen and (max-width: 767px){
    .bottom-icons{
        left: auto !important;
        right: 20px !important;
    }
    .top-icons{
        float: left !important;
    }
    .top-icons img{
        width: 95px !important;
        top: -8px !important;
        position: relative !important;
    }
    .arrow-date-search{
        right: 7px !important;
        top: 14px !important;
    }
    .arrow-down-search {
        right: -18px !important;
        top: 15px !important;
    }
    .home-search .hs-col-3 img {
        left: 5px !important;
        top: 8px !important;
    }
    .home-search img.icon-date-search {
        left: 0px !important;
        top: 7px !important;
    }
    .home-search .hs-col-1 img {
        left: 0px !important;
        top: 16px !important;
    }
    .search-input{
        padding: 0px 10px 0px 5px !important;
    }
    .home-time-dropdown .dropdown-menu {
        margin-top: 20px !important;
    }
    .home-search .hs-col-2 input {
        padding: 10px 5px 10px 33px !important;
    }
    .hs-row{
        grid-template-columns: 100% !important;
    }
    .sidenav-socmed{
        height: 60px !important;
        width: 100% !important;
        top: inherit !important;
        bottom: 0px !important;
    }
    .home-search{
        border-radius: 20px;
    }
    .home-time-dropdown .dropdown-toggle p{
        left: 38px !important;
        padding: 10px 35px 10px 0px !important;
    }
    .sidenav-socmed a {
        padding: 0px !important;
        display: inline-block !important;
    }
    .home-search {
        padding: 0px 15px 10px 15px !important;
    }
    .home-search .hs-col-1, .home-search .hs-col-2{
        border: 0px;
    }
    .sidenav-socmed .bottom-icons a:first-child img {
        width: 11px !important;
    }
    .sidenav-socmed .bottom-icons a:nth-child(2) img {
        width: 20px !important;
    }
    .sidenav-socmed .bottom-icons a:nth-child(3) img {
        width: 23px !important;
    }
    .home-content h1{
        font-size: 40px !important;
    }
    .home-content {
        margin-top: 0px !important;
    }
    .home-new-page {
        margin-left: 0px !important;
        padding-left: 50px !important;
    }
    .home-about{
        margin-left: 30px !important;
        margin-right: 30px !important;
    }
    .timeline-why::after{
        bottom: 73px !important;
    }
    .timeline-prof::after {
        bottom: 169px !important;
    }
    .col-exp-details-1{
        width: 100% !important;
        border: 0px !important;
        padding-right: 0px !important
    }
    .col-exp-details-2{
        width: 100% !important;
        border: 0px !important;
        padding-right: 0px !important
    }
    .grid-item-avail{
        border-radius: 20px !important;
    }
    .mobile-main-header{
        display: block !important;
        padding: 20px 30px !important;
        position: fixed !important;
    }
    .home-res .mobile-main-header{
        background-color: transparent !important;
        position: relative!important;
    }
    .home-left-bg{
        display: none !important;
    }
    
    .menu-dropdown{
        margin-top: -40px !important;
    }
    .col-homenav-4 {
        width: 100% !important;
        padding: 0px !important;
        float: none !important;
    }
    .col-homenav-8 {
        width: 100% !important;
        text-align: center !important;
        margin-top: 5px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0px !important;
        left: 0 !important;
        float: none !important;
        right: 0 !important;
    }
    .col-homenav-8 .nav-right{
        float: none !important;
    }
    .wid-33{
        width: 100% !important;
    }
    .main-header .header-top .top-right,
	.main-header .header-top .top-left{
		width:100%;	
	}
	
	.main-header .header-top .top-right ul li,
	.main-header .header-top .top-left ul li{
		margin:0px 10px;	
	}
	
	.main-slider .tp-caption{
		display:none !important;
	}
	
	.main-header .header-top .top-right ul,
	.main-header .header-top .top-left ul,
	.header-top .social-icon,
	.header-top .top-right ul{
		text-align:center;
		width:100%;
		margin:10px 0px;
		padding:0px;	
	}
    .pink-header, .home-header{
        display: none;
    }
}

@media only screen and (max-width: 599px){
    .home-logo{
        position: relative !important;
    }
    .nav-right{
        float: none !important;
    }
    .grid-container-frlncr {
        grid-template-columns: 100% !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}

@media only screen and (max-width: 570px){
    .home-content {
        padding-right: 0px !important;
    }
    .home-time-dropdown .dropdown-toggle p {
        left: 30px !important;
    }
    .home-search .hs-col-3 img {
        left: -3px !important;
    }
    .home-about {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .home-search .hs-col-3 .arrow-down-search {
        top: 14px !important;
    }
    .home-search .hs-col-2 .arrow-range-search {
        top: 13px !important;
    }
    .col-top-search-full .home-search button.btn-search{
        position: relative !important;
        right: auto !important;
        width: 100%;
        margin-top: 13px !important;
    }
    .mobile-main-header {
        padding: 20px 25px !important;
    }
    .home-res .mobile-main-header {
        left: 0px !important;
        top: 0px !important;
    }
    .home-trusted {
        margin-top: 80px !important;
/*        position: fixed;*/
        bottom: 0px;
    }
    .padd-0 {
        padding: 0px 30px !important;
    }
    .home-popular{
        margin-top: 20px !important;
    }
    .home-time-dropdown {
        margin-left: 3px !important;
    }
    .home-content h1{
        font-size: 21px !important;
    }
    .home-content {
        margin-top: 90px !important;
        position: relative;
        padding-right: 50px !important;
    }
}
@media only screen and (max-width: 499px) {
    .timeline-dot{
        top: 15px !important;
    }
    .timeline-prof::after {
        bottom: 193px !important;
    }
    .content-prof h4 .exp-div{
        display: none !important;   
    }
    .content-prof h4 .exp-comp{
        display: block !important; 
    }
    .home-search .hs-col-2 .input-range{
        padding: 10px 5px 10px 31px !important;
    }
    .home-time-dropdown .dropdown-menu{
        margin-top: -10px !important;
    }
    .home-search button.btn-search{
        margin-top: 10px !important;
    }
    .home-search .hs-col-2, .home-search .hs-col-3 {
        width: 100% !important;
    }
}
@media only screen and (max-width: 486px) {
    .ulnav-right li a.black-link{
        font-size: 13px !important;
        padding: 0px 0px 0px 5px !important;
    }
    .ulnav-right li a.white-link{
        font-size: 11.5px !important;
        padding: 0px !important;
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
    }
    
}
@media only screen and (max-width: 454px) {
    .timeline-prof::after {
        bottom: 192px !important;
    }
}
@media only screen and (max-width: 435px) {
    .timeline-why::after {
        bottom: 107px !important;
    }
}

@media only screen and (max-width: 432px) {
    .timeline-prof::after {
        bottom: 215px !important;
    }
}
@media only screen and (max-width: 416px) {
    .timeline-prof::after {
        bottom: 216px !important;
    }
}
@media only screen and (max-width: 414px){
    .width-90 {
        width: 85% !important;
    }
    .home-content {
        margin-top: 120px !important;
    }
    .home-content h1 {
        font-size: 30px !important;
        margin-bottom: 50px !important;
    }
}
@media only screen and (max-width: 402px) {
    .timeline-prof::after {
        bottom: 220px !important;
    }
}
@media only screen and (max-width: 395px) {
    .notif {
        width: 19px !important;
    }
    .history-section .total__text {
        margin-top: 20px !important;
    }
    .morning-time .container-radio {
        padding-left: 24px !important;
    }
    .main-header .main-box{
        padding-left: 15px !important;
    }
}
@media only screen and (max-width: 375px) {
    .home-content h1 {
        font-size: 25px !important;
        margin-bottom: 20px !important;
    }
    .home-content {
        margin-top: 90px !important;
    }
}
@media only screen and (max-width: 366px) {
    .timeline-prof::after {
        bottom: 220px !important;
    }
}
@media only screen and (max-width: 321px) {
    .home-content h1 {
        font-size: 20px !important;
    }
    .home-trusted {
        position: relative !important;
    }
}