@media screen and (min-width: 992px) {
    .menu {
        display: none;
    }
    .cbp-spmenu-vertical {
        width: 100%;
        position: relative;
        left: 0;
        height: auto;
        background-color: transparent;
        margin-top: 15px;
        float: left;
        width: 90%;
    }
    .cbp-spmenu-vertical #menu-toggle {
        display: none;
    }
    .side-nav {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
    .side-nav li {
        display: inline-block;
        margin: 6px 4px;
        position: relative;
    }
    .side-nav li a {
        padding: 12px;
        font-size: 14px;
        text-align: center;
        position: relative;
        overflow: hidden;
        text-transform: lowercase;
    }
    .side-nav li a:before {
        content: "";
        display: inline-block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        visibility: hidden;
        background-image: url(../images/aqua-blue.png);
        background-repeat: no-repeat;
        background-position: bottom center;
        transition: all ease-in 0.5s;
        transform: translateY(4px);
    }
    .side-nav li a:hover {
        background-color: transparent;
    }
    .side-nav li a.active:before,
    .side-nav li a:hover:before {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

@media screen and (max-width: 1024px) {
    .banner_title {
        font-size: 180%;
    }
    .iconsd {
        display: none;
    }
    .adress {
        width: 37%;
    }
    .call-det {
        width: 37%;
    }
    .follow {
        width: 26%;
    }
    .tyi {
        padding: 35px 20px 20px;
    }
    .team-content {
        width: 31%;
        margin-right: 15px;
    }
    /* .person-details {
        bottom: -69%;
    } */
    .person-details .details-wrapper {
        padding-top: 30px !important;
    }
}

@media (min-width: 100px) and (max-width: 1024px) {
    .side-nav {
        margin-top: 20px;
    }
    .side-nav li {
        margin: 2px;
    }
}

@media screen and (max-width: 991px) {
    /* .person-details {
        bottom: -72%;
    } */
    .details-wrapper p {
        font-size: 12px;
    }
    #page-top {
        padding-top: 95px;
    }
    .person-name {
        font-size: 16px;
    }
    .person-position {
        font-size: 14px;
    }
    .person-details .details-wrapper {
        padding-top: 12px;
    }
    .menu {
        position: absolute;
        top: 40%;
        right: 4%;
    }
    .header-wrapper.nav-fixed {
        transition: transform 0.5s ease-in 0s, padding 0.5s ease-in 1s;
    }
    .navbar-brand {
        display: block;
        /*         width: 110px;
        margin: 0 calc(50% - 55px); */
    }
    .nav-fixed .menu {
        top: 55%;
        transition: all 0.5s ease-in 0.5s;
    }
    .nav-fixed .navbar-brand {
        width: 80px;
        margin: 0;
        transition: all 0.5s ease-in 0.5s;
    }
    .header-wrapper {
        padding-top: 0;
        transition: transform ease-in 0.5s;
    }
    .icon_bar {
        display: block;
        width: 35px;
        height: 4px;
        margin-bottom: 5px;
        border-radius: 4px;
        background-color: #3dafe4;
    }
    .cbp-spmenu-right {
        background-color: #1f88c9;
        height: 100vh;
    }
    .nav-fixed .cbp-spmenu-right {
        top: 25px;
    }
    .cbp-spmenu a {
        color: #fff;
        font-size: 16px;
        opacity: 0.5;
    }
    .cbp-spmenu-vertical a.active,
    .cbp-spmenu-vertical a:focus,
    .cbp-spmenu-vertical a:hover {
        opacity: 1;
        color: #fff;
    }
    .call-det,
    .adress {
        width: 50%;
    }
    .follow {
        width: 100%;
    }
    .left-testim,
    .right-testim {
        width: 100%;
        margin: 0 0 40px;
    }
    .left-testim .testimonal-list {
        padding: 0 10%;
    }
}

@media screen and (max-width: 800px) {
    .team-content {
        margin-right: 30px;
        width: 38%;
        margin-bottom: 30px;
    }
    .process_list_content {
        width: 25%;
        padding: 0 4%;
    }
    .left-testim {
        display: inline-block;
        width: 100%;
        float: none;
    }
    .right-testim {
        display: inline-block;
        width: 100%;
        float: none;
        padding-top: 30px;
    }
    .adress {
        width: 50%;
    }
    .call-det {
        width: 50%;
    }
    .adress::after {
        right: 15px;
    }
    .follow {
        width: 100%;
        padding-top: 20px;
    }
    .section.testimonials-block.section-top-btm {
        padding: 0px;
    }
    .section.clients-works.section_do.section-top {
        padding: 0px;
    }

    .clients-works {
        padding-top: 0;
    } 
    .testimonials-block .section-bottom {
        padding-bottom: 0;
    }
    .process_list_content {
        width: 270px;
        margin: 0 auto 20px;
        padding: 0 5%;
        max-width: 40%;
    }  
    .process_list_content:nth-child(3) {
        float: none;
    }
    .from-dit {
        padding: 0 30px;
        width: calc(50% - 60px);
    }
    .form-section {
        padding-bottom: 30px;
    }              
}

@media screen and (max-width: 680px) {
    .team-content {
        margin-bottom: 30px;
        margin-right: 15px;
        width: 290px;
    }
    .adress h5 {
        font-size: 22px;
    }
    .adress p {
        font-size: 18px;
    }
    .tyi {
        padding: 30px 0px 4px;
    }
    .tyi li {
        margin-bottom: 18px;
    }
    .call-det a {
        font-size: 17px;
    }
    .call-det .cl {
        padding: 12px 45px 5px;
    }
    .call-det .cm {
        padding: 12px 45px 5px;
        display: inline-block;
        max-width: 80%;
        word-wrap: break-word;
    }
    .cbp-spmenu-vertical a {
        padding: 11px;
        line-height: 14px;
    }
    .side-nav {
        margin-top: 6px;
    }
    .section-wrapper {
        padding: 30px 0;
    }
    .team-list .slick-list.draggable {
        margin: 0 auto;
    }
    .team-list .slick-arrow {
        top: auto;
        bottom: 0;
    }
    .team-list .slick-next {
        right: 30%;
    }
    .team-list .slick-prev {
        left: 30%;
    }
    /* .team-list {
        padding-bottom: 12%;
    } */
    .section_do .section-wrapper:before {
        top: 0;
    }    
    .waveWrapperInner {
        height: 110%;
    }
    .nav-fixed .menu,.menu {
        top: 40%
    }
    .nav-fixed .cbp-spmenu-right {
        top: 0
    }
    /* .waveTop {
        background-size: 47% 45px;
    } */
    .navbar-header,.site-navbar-bg .navbar-header {
        width: 80px;
        margin: 0;
    } 
    .header-wrapper,.header-wrapper.nav-fixed {
        transform: none;
    }
    #page-top {
        padding-top: 74px;
    }      
    .bgTop {
        bottom: 0%;
    }
    .section-title {
        font-size: 36px;
    }
    .waveWrapperInner.bgMiddle {
        display: none;
    }
    .waveWrapperInner.bgBottom {
        display: none;
    }
    .brand-supp,.clients-logos {
        width: 100%;
        float: none;
        margin: 0 0 40px;
    }   
    .left-testim .testimonal-list {
        padding: 0
    }  
    .worklist-thumbnail .slick-current:after {
        border-width: 3px;
        width: calc(100% - 3px);
        height: calc(100% - 3px) 
    }        
}

@media screen and (max-width: 480px) {
	.waveWrapperInner.bgTop{display:none;}
    .person-details .details-wrapper {
        padding-top: 20px;
    }
    .side-nav {
        margin-top: 6px;
        max-height: 90vh;
        overflow-y: auto;
    }
    .team-content {
        width: 66%;
    }
    .process_list_content {
        padding: 0;
        width: 320px;
        float: none;
        max-width: 100%;
    }
    .adress::after {
        display: none;
    }
    .call-det::after {
        display: none;
    }
    .opens h5 {
        padding: 20px 27px;
    }
    .adress {
        width: 100%;
    }
    .call-det {
        width: 100%;
        margin: 10px 0;
    }
    .tyi {
        padding: 10px 0 4px;
    }
    .follow {
        padding-top: 0;
        min-height: auto;
    }
    .waveWrapperInner {
        height: 120%;
    }
    .from-dit {
        padding: 15px;
        width: 90%;
        float: none;
        margin-bottom: 10px;
    }
.form-data input,.form-data textarea {
    padding-top: 0;
}    
    .testimonials-block .section-title {
        margin-bottom: 35px;
    }
    .banner-wrapper .slick-prev {
        background-position: 0 center;
        background-size: 90px auto;
        left: 15px;
    }
    .work-list .slick-prev {
        background-position: -38px center;
        background-size: 90px auto;
        left: 15px;
    }
    .banner-wrapper .slick-arrow {
        padding: 12px 5px;
        background-size: cover;
    }
    .banner-wrapper .slick-next {
    background-position: -98px;
} 
.banner-wrapper .slick-prev:hover {
    background-position: -40px center;
}
    .work-list .slick-arrow {
        padding: 12px 8px;
        background-size: cover;
    }
.work-list .slick-next:hover {
    background-position: -94px center;
}    
    .intro-content:before {
        bottom: -10%;
    }  
    .form-section {
        margin: 0 -15px 0;
    } 
    .logos-image li {
        width: 46%;
    }  
}

@media screen and (max-width: 380px) {
    .logo {
        width: auto;
    }
    .navbar-header {
        width: 90px;
    }
    #page-top {
        padding-top: 80px;
    }
    .waveWrapperInner {
        height: 140%;
    }
    .team-content {
        width: 85%;
    }
    .bgTop {
        bottom: -15px;
    }
    .process_list_content {
        padding: 20px 0 0px;
        width: 100%;
    }
    .clients-logos {
        width: 100%
    }
    .brand-supp {
        width: 100%
    }
    /* .from-dit {
        width: calc(100% - 60px);
    }       */
}

@media screen and (max-width: 320px) {
    .team-content {
        width: 100%;
    }
}