@media(max-width:1440px) {
    .container-main {
        padding: 0px 40px;
    }
    
    .home-slider .owl-item .home-slider-items img{
        margin-top: 45px;
    }
    
    .home-slider-items {
        height: 615px;
    }
}

@media(max-width:1400px) {
    .home-slider .owl-carousel .owl-nav button.owl-prev {
        left: -33px;
    }

    .home-slider .owl-carousel .owl-nav button.owl-next {
        right: -33px;
    }
}

@media(max-width:1280px) {
    .home-banner-content h1 {
        font-size: 47px;
        line-height: 56px;
        /*max-width: 405px;*/
    }

    .who-we-are-details {
        padding-right: 110px;
    }

    .who-we-are-details h2 {
        font-size: 39px;
    }

    .home-all-customization-service-grid-content {
        padding-right: 75px;
    }

    .home-all-customization-service-flex.reverse .home-all-customization-service-grid-content {
        padding-left: 75px;
    }

    .about-us-content h1 {
        font-size: 47px;
        line-height: 56px;
    }

    .fad-story {
        padding: 130px 0px;
    }

    .connect-to-fad-main {
        padding-top: 130px;
    }
    
    .home-slider-items {
        height: 590px;
    }
}

@media(max-width:1200px) {
    .header-links ul li {
        padding-left: 30px;
    }

    .header-search-icon {
        padding: 0px 20px;
    }

    .home-banner-content h1 {
        font-size: 43px;
        line-height: 53px;
        /*max-width: 370px;*/
    }

    .who-we-are-details h2 {
        font-size: 37px;
        line-height: 50px;
    }

    .home-slider-heading h2 {
        font-size: 37px;
        line-height: 50px;
    }

    .home-all-customization-service-grid-content h3 {
        font-size: 37px;
        line-height: 50px;
        padding-bottom: 10px;
    }

    .home-all-customization-service-grid-content p {
        padding-bottom: 25px;
    }

    .home-all-customization-service-grid-content {
        padding-right: 60px;
    }

    .home-all-customization-service-flex.reverse .home-all-customization-service-grid-content {
        padding-left: 60px;
    }

    .home-all-customization-service-grid-info-ul-flex {
        padding-bottom: 25px;
    }

    .home-book-appointment-main {
        padding: 140px 0px;
    }

    .who-we-are-details {
        padding-right: 85px;
    }

    .about-us-info {
        padding-top: 100px;
    }

    .about-us-content h1 {
        font-size: 43px;
        line-height: 53px;
    }

    .fad-story {
        padding: 110px 0px;
    }

    .fad-story-right h2 {
        font-size: 38px;
        line-height: 49px;
    }

    .fad-story-right p {
        line-height: 26px;
        padding-bottom: 35px;
    }

    .connect-to-fad-main {
        padding-top: 110px;
        padding-bottom: 110px;
    }

    .connect-to-fad-heading h2 {
        font-size: 38px;
        line-height: 49px;
    }

    .fad-projects-heading h2{
        font-size: 38px;
        line-height: 49px;
    }

    .fad-project-grid-info h2{
        font-size: 30px;
        line-height: 50px;
    }

    .fad-project-grid-inner img{
        height: 350px;
    }

    .customization-heading h2{
        font-size: 38px;
        line-height: 49px;
    }

    .customization-grid-info h2{
        font-size: 30px;
        line-height: 42px;
    }
    
    .fad-project-grid:hover p{
        max-height: 200px;
    }
}

@media(max-width:1150px) {
    .who-we-are-details {
        padding-right: 65px;
    }

    .header-links ul li {
        padding-left: 20px;
    }
}

@media(max-width:1100px) {
    .header-links ul li {
        font-size: 15px;
    }

    .header-phone-no a {
        font-size: 15px;
    }

    .who-we-are-details {
        padding-right: 45px;
    }

    .home-all-customization-service-grid-info-ul-flex ul li {
        font-size: 15px;
    }

    .cstm-btn a {
        height: 60px;
    }

    .who-we-are-details a {
        height: 60px;
    }

    .home-all-customization-service-grid-content a {
        height: 60px;
    }
}

@media(max-width:1024px) {
    .header-flex {
        padding: 20px 30px;
    }

    .header-links ul li {
        padding-left: 15px;
    }

    .header-search-icon {
        padding: 0px 15px;
    }

    .who-we-are-details h2 {
        font-size: 34px;
        line-height: 45px;
    }

    .home-slider-heading h2 {
        font-size: 34px;
        line-height: 45px;
    }

    .home-slider-heading {
        padding-bottom: 35px;
    }

    .home-all-customization-service-grid-img {
        height: 400px;
    }

    .home-all-customization-service-grid-content h3 {
        font-size: 34px;
        line-height: 45px;
    }

    .home-fad-team-left h2 {
        font-size: 34px;
        line-height: 45px;
        max-width: 260px;
    }

    .home-fad-team-right-inner h5 {
        font-size: 17px;
    }

    .home-book-appointment h2 {
        font-size: 38px;
        line-height: 50px;
    }

    .fad-story {
        padding: 90px 0px;
    }

    .fad-story-right {
        padding-left: 40px;
    }

    .connect-to-fad-main {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .connect-to-fad-heading {
        padding-bottom: 30px;
    }

    .freq-ask-que-main{
        padding-top: 90px;
        padding-bottom: 30px;
    }

    .freq-ask-que-heading {
        padding-bottom: 70px;
    }

    .freq-ask-que-heading h2{
        font-size: 38px;
        line-height: 50px;
    }

    .fad-project-main{
        padding-top: 90px;
        padding-bottom: 95px;
    }

    .load-more-btn{
        padding-top: 100px;
    }

    .customization-grid-flex-main{
        padding-top: 95px;
    }

    .customizations-main{
        padding-top: 90px;
        padding-bottom: 60px;
    }

}

@media(max-width:991px) {
    .header-main {
        display: none;
    }

    .mob-header-icons {
        display: flex;
        align-items: center;
    }

    .mob-search-icon button{
        background-color: unset;
        border: unset;
        margin-right: 20px;
    }

    .mob-header-contacts {
        padding-top: 55px;
    }

    .mob-header-contacts .header-phone-no {
        padding-bottom: 15px;
    }

    .mob-header {
        display: block;
        /*background-color: #000;*/
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
    }
    
    .mob-header .navbar-collapse{
       position: absolute;
        top: 0px;
        left: 0;
        width: 100%;
        background-color: #000;
        padding: 0px 20px;
        z-index: -1;
    }
    
    /*body.menu-open .mob-header {*/
    /*    background: #000;*/
    /*}*/
    
    body.inner-page .mob-header {
        background-color: #000;
        position: unset;
    }
    
    body.inner-page .mob-header .navbar-collapse{
        z-index: 10;
        top: 80px;
    }
    
    body.inner-page .mob-header .navbar-nav{
        padding-top: 30px;
    }
    
    body.inner-page .mob-header .navbar {
        background: #000;
    }

    .home-banner-main {
        padding-top: 0px;
    }

    .home-banner-info {
        padding-top: 0px;
    }

    .mob-header .navbar-toggler {
        padding: 0;
        border: unset;
    }

    .mob-header .navbar-brand img {
        width: 110px;
    }

    .mob-header .navbar-toggler-icon {
        background-image: url(../images/menu.webp);
        background-repeat: no-repeat;
        width: 27px;
        height: 25px;
        filter: invert(1);
    }

    .mob-header .navbar-toggler:focus {
        box-shadow: unset;
    }

    body.menu-open {
        overflow: hidden;
    }

    body.menu-open .mob-header .navbar-toggler-icon {
        background-image: url(../images/close.webp);
        width: 20px;
        margin-right: 7px;
        filter: invert(1);
    }

    .mob-header .navbar-nav {
        padding-bottom: 600px;
        padding-top: 110px;
    }

    .mob-header .nav-link {
        font-family: "OxaniumRoman-Regular";
        font-size: 16px;
        line-height: 24px;
        text-transform: uppercase;
        color: #fff;
    }

    .mob-header .navbar>.container-fluid {
        padding: 0px 20px;
    }

    .home-banner-content h1 {
        font-size: 38px;
        line-height: 49px;
        max-width: 400px;
    }

    .who-we-are-details h2 {
        font-size: 30px;
        line-height: 42px;
    }

    .home-slider-items {
        /*height: 553px;*/
        height: 440px;
    }
    
    .home-slider .owl-item .home-slider-items img {
        margin-top: 35px;
    }

    .home-fad-team-right-flex {
        margin: -25px;
    }

    .home-fad-team-right-inner {
        padding: 25px;
    }

    .home-all-customization-service-grid-content h3 {
        font-size: 30px;
        line-height: 43px;
    }

    .home-all-customization-service-grid-info-ul-flex ul li {
        line-height: 25px;
    }

    .home-fad-team-img {
        height: 500px;
    }

    .about-us-info {
        padding-top: 0;
    }

    .contact-form-main {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .contact-form-heading h2{
        font-size: 38px;
        line-height: 50px;
    }

    .fad-projects-heading h2 {
        font-size: 35px;
        line-height: 45px;
    }

    .fad-project-grid-info h2 {
        font-size: 27px;
        line-height: 35px;
    }

    .customization-heading h2 {
        font-size: 35px;
        line-height: 47px;
    }

    .customization-heading {
        padding-bottom: 70px;
    }

    .customization-grid-info{
        padding-left: 45px;
    }

    .customization-grid-flex-inner.reverse .customization-grid-info{
        padding-right: 45px;
    }

    .customization-grid-info h2 {
        font-size: 27px;
        line-height: 35px;
    }
}

@media(max-width:768px) {
    .home-banner-content h1 {
        font-size: 33px;
        line-height: 44px;
        /*max-width: 280px;*/
    }

    .cstm-btn a {
        width: 200px;
    }

    .who-we-are-main {
        padding: 60px 0px;
    }

    .who-we-are{
        flex-flow: column-reverse;
    }

    .who-we-are-details {
        width: 100%;
        padding-right: 0;
        padding-top: 30px;
    }

    .who-we-are-img {
        width: 100%;
    }

    .home-slider-main {
        padding-top: 50px;
        padding-bottom: 10px;
    }

    .home-slider-items {
        /*height: 450px;*/
        height: 330px;
    }
    
    .home-slider .owl-item .home-slider-items img {
        margin-top: 25px;
    }

    .home-slider .owl-carousel .owl-nav button.owl-prev {
        background-image: url(../images/right-arrow-1.webp);
        width: 100px;
    }

    .home-slider .owl-carousel .owl-nav button.owl-next {
        background-image: url(../images/next-arrow-1.webp);
        width: 100px;
    }

    .home-all-customization-service-flex {
        flex-flow: column-reverse;
    }

    .home-all-customization-service-grid-content {
        width: 100%;
        padding: 20px 0px;
    }

    .home-all-customization-service-grid-img {
        width: 100%;
    }

    .home-all-customization-service-grid-info {
        position: unset;
    }

    .home-all-customization-service-main {
        padding: 0px 40px;
    }

    .home-all-customization-service-main .container-main {
        padding: 0;
    }

    .home-all-customization-service-flex.reverse .home-all-customization-service-grid-content {
        padding-left: 0;
    }

    .home-all-customization-service-grid-content p {
        max-width: unset;
    }

    .home-fad-team-content-flex {
        flex-flow: column;
    }

    .home-fad-team-left {
        width: 100%;
    }

    .home-fad-team-right {
        width: 100%;
    }

    .home-all-customization-service-grid-img {
        height: 100%;
    }

    .home-fad-team-left h2 {
        max-width: unset;
        padding-bottom: 30px;
    }

    .home-book-appointment-main {
        padding: 80px 0px;
    }

    .home-book-appointment h2 {
        font-size: 33px;
        line-height: 46px;
    }

    .footer {
        flex-flow: column;
        padding-bottom: 30px;
    }

    .sub-footer-mob {
        display: block;
    }

    .sub-footer {
        display: none;
    }

    .sub-footer.mob {
        display: block;
        width: 50%;
    }

    .sub-footer-mob-flex {
        display: flex;
        padding-bottom: 30px;
    }
    
    .sub-footer.mob.one.line ul li:nth-child(4){
        padding-top: 0px;
    }

    .footer-logo {
        padding-bottom: 30px;
    }

    .about-us-info {
        padding-top: 0;
        padding: 50px 0px;
        position: unset;
        background-color: #111111;
    }

    .about-us-content h1 {
        max-width: unset;
        font-size: 33px;
        line-height: 44px;
    }

    .about-us-content p {
        max-width: unset;
    }

    .fad-story {
        padding: 60px 0px;
    }

/*     .fad-story-left {
        width: 100%;
    } */
	.fad-story-left {
		flex-flow: column;
		row-gap: 28px;
	}
	.image-wrap {
		width:100%;
	}
    .fad-story-right {
        width: 100%;
        padding-left: 0px;
        padding-top: 30px;
    }

    .fad-story-right h2 {
        font-size: 33px;
        line-height: 42px;
    }

    .connect-to-fad-heading h2 {
        font-size: 33px;
        line-height: 42px;
    }

    .connect-to-fad-main {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .connect-to-fad-block {
        width: 100%;
    }

    .connect-to-fad-block-info {
        padding-top: 20px;
    }

    .freq-ask-que-main {
        padding-top: 50px;
        padding-bottom: 0px;
    }

    .freq-ask-que-heading {
        padding-bottom: 40px;
    }

    .freq-ask-que-block{
        padding: 40px 0px;
    }

    .freq-ask-que-heading h2 {
        font-size: 33px;
        line-height: 45px;
    }

    .freq-ask-que-block h2{
        font-size: 30px;
        line-height: 50px;
    }

    .contact-form-main {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .contact-form-heading {
        padding-bottom: 50px;
    }

    .contact-form-heading h6{
        padding-bottom: 15px;
    }

    .contact-form-heading h2 {
        font-size: 35px;
        line-height: 45px;
    }

    .contact-form-flex{
        margin: -10px;
    }

    .contact-form-inputs{
        padding: 10px;
    }

    .fad-project-main {
        padding-top: 70px;
        padding-bottom: 85px;
    }

    .fad-projects-heading h2 {
        font-size: 33px;
        line-height: 43px;
        padding-bottom: 10px;
    }

    .load-more-btn {
        padding-top: 85px;
    }

    .fad-project-grid{
        width: 100%;
    }

    .customizations-main {
        padding-top: 70px;
        padding-bottom: 40px;
    }

    .customization-heading h2 {
        font-size: 33px;
        line-height: 45px;
        padding-bottom: 10px;
    }

    .customization-heading h6{
        padding-bottom: 10px;
    }

    .customization-heading {
        padding-bottom: 60px;
    }

    .customization-grid-flex-main {
        padding-top: 70px;
    }

    .customization-grid-flex-inner{
        padding-bottom: 35px;
    }

    .customization-grid-flex-inner{
        flex-flow: column;
    }

    .customization-grid-flex-inner.reverse{
        flex-flow: column;
    }

    .customization-grid-img {
        width: 100%;
    }

    .customization-grid-info {
        width: 100%;
        padding-left: 0;
        padding-top: 20px;
    }

    .customization-grid-flex-inner.reverse .customization-grid-info{
        padding-right: 0;
    }
    
    .sub-footer.mob.one.line ul li {
        line-height: 24px;
    }
    
    .who-we-are-imgfg {
        width: 100%;
    }
    
    .who-we-are-imgfg .bafg-twentytwenty-container.slider-209.twentytwenty-container {
        width: 100% !important;
    }
}

@media(max-width:600px) {
    .container-main {
        padding: 0px 20px;
    }

    .home-banner-content{
        /*justify-content: flex-start;*/
        padding-bottom: 40px;
    }

    .home-banner-content h1{
        font-size: 26px;
        line-height: 32px;
        /*margin: 0 auto 0 0;*/
        /*text-align: left;*/
        padding-top: 30px;
        max-width: 300px;
    }

    /*.home-banner-info {*/
    /*    position: unset;*/
    /*    background-color: #000000;*/
    /*}*/
    .home-banner-main {
        display: flex;
        flex-flow: column;
    }

    .cstm-btn a{
        font-size: 14px;
        line-height: 24px;
    }

    .cstm-btn{
        /*margin: 0 auto 0 0;*/
        padding-top: 15px;
    }

    .cstm-btn img{
        margin-bottom: 2px;
    }

    .desk{
        display: none;
    }
    
    .mob{
        display: block;
    }

    .who-we-are-main {
        padding: 35px 0px;
        padding-bottom: 55px;
    }

    .who-we-are-details h6{
        font-size: 14px;
        letter-spacing: 1px;
        line-height: 24px;
        padding-bottom: 10px;
    }

    .who-we-are-details h2{
        font-size: 26px;
        line-height: 32px;
        padding-bottom: 10px;
    }

    .who-we-are-details p{
        line-height: 26px;
        padding-bottom: 25px;
    }

    .who-we-are-details a{
        font-size: 14px;
        line-height: 24px;
    }

    .who-we-are-details a img{
        margin-bottom: 2px;
    }

    .home-slider-heading h6{
        font-size: 14px;
        letter-spacing: 1px;
        line-height: 24px;
        padding-bottom: 10px;
    }

    .home-slider-heading {
        padding-bottom: 25px;
    }

    .home-slider-items {
        height: 250px;
    }

    .home-slider .owl-item .home-slider-items img {
        height: 80%;
       margin-top: 25px;
    }

    .home-slider .owl-carousel .owl-nav button.owl-prev{
        background-image: url(../images/prev-arrow-mob.webp);
        width: 51px;
        height: 30px;
    }

    .home-slider .owl-carousel .owl-nav button.owl-prev {
        left: -18px;
    }

    .home-slider .owl-carousel .owl-nav button.owl-next{
        background-image: url(../images/next-arrow-mob.webp);
        width: 51px;
        height: 30px;
    }

    .home-slider .owl-carousel .owl-nav button.owl-next {
        right: -18px;
    }

    .home-slider-main{
        padding-bottom: 30px;
    }

    .home-all-customization-service-flex{
        padding-top: 0;
    }

    .home-all-customization-service-main{
        padding: 0;
        display: flex;
        flex-flow: column-reverse;
    }

    .home-all-customization-service-grid-info{
        padding: 0px 20px;
    }

    .home-all-customization-service-grid-content h3 {
        font-size: 26px;
        line-height: 52px;
        padding-bottom: 0;
    }

    .home-all-customization-service-grid-content p{
        line-height: 26px;
        padding-bottom: 20px;
    }

    .home-all-customization-service-grid-content a{
        font-size: 14px;
        line-height: 24px;
    }

    .home-all-customization-service-grid-content a img{
        margin-bottom: 2px;
    }

    .home-all-customization-service-grid-info-ul-flex{
        flex-flow: column;
    }

    .home-all-customization-service-grid-info-ul-flex ul li {
        font-size: 16px;
    }

    .home-all-customization-service-grid-info-ul-flex ul li::before{
        margin: 7px -17px;
    }

    .home-all-customization-service-grid-info-ul-flex ul {
        width: 100%;
    }

    .home-fad-team-img {
        height: 640px;
    }

    .home-fad-team-left h2{
        font-size: 26px;
        line-height: 52px;
    }

    .home-fad-team-right-flex{
        flex-flow: column;
        margin: -10px -20px;
    }

    .home-fad-team-right-inner{
        width: 100%;
        padding: 10px 20px;
    }

    .home-fad-team-right-inner p{
        padding-left: 15px;
        max-width: unset;
    }

    .home-fad-team-right-inner h5{
        padding-bottom: 5px;
    }

    .home-fad-team-content{
        justify-content: flex-start;
        align-items: unset;
        padding-top: 40px;
    }

    .home-slider-heading h2{
        font-size: 26px;
        line-height: 32px;
    }

    .home-book-appointment-main {
        padding: 60px 0px;
    }

    .home-book-appointment h2 {
        font-size: 26px;
        line-height: 32px;
    }

    .booking-btns .call-fad{
        height: 55px;
    }

    .booking-btns .contact-fad{
        height: 55px;
    }

    .mob-header .navbar-brand img {
        width: 90px;
    }

    .footer{
        padding-top: 35px;
    }

    .footer-logo {
        padding-bottom: 50px;
    }

    .footer-copyrights-flex{
        flex-flow: column;
    }

    .footer-copyrights {
        padding-bottom: 0px;
    }

    .footer-policy a{
        padding-left: 0;
        padding-right: 15px;
    }

    .sub-footer.mob.one {
        width: 62%;
    }

    .sub-footer.mob.two {
        width: 38%;
    }

    .fuze-mob{
        display: block;
    }

    .about-us-info {
        padding: 40px 0px;
    }

    .about-us-content h1 {
        font-size: 30px;
        line-height: 39px;
    }

    .fad-story {
        padding: 40px 0px;
    }

    .fad-story-right h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .connect-to-fad-main {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .connect-to-fad-heading h2 {
        font-size: 29px;
        line-height: 40px;
    }

    .freq-ask-que-heading h2 {
        font-size: 29px;
        line-height: 40px;
    }

    .freq-ask-que-heading {
        padding-bottom: 30px;
    }

    .freq-ask-que-block {
        padding: 25px 0px;
    }

    .freq-ask-que-block h2 {
        font-size: 27px;
        line-height: 45px;
    }

    .contact-form-main {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .contact-form-heading h6 {
        padding-bottom: 10px;
        font-size: 14px;
    }

    .contact-form-heading h2 {
        font-size: 30px;
        line-height: 39px;
    }

    .contact-form-heading {
        padding-bottom: 40px;
    }

    .contact-form-inputs{
        width: 100%;
    }

    .contact-form-inputs-checkbox{
        align-items: baseline;
    }

    .fad-project-main {
        padding-top: 40px;
        padding-bottom: 55px;
    }

    .fad-projects-heading h6{
        padding-bottom: 7px;
    }

    .fad-projects-heading h2 {
        font-size: 30px;
        line-height: 40px;
        padding-bottom: 7px;
    }

    .fad-projects-heading {
        padding-bottom: 40px;
    }

    .fad-project-grid-main{
        padding-top: 50px;
    }

    .fad-project-grid:hover p{
        max-height: 250px;
    }

    .fad-project-grid-info h6{
        font-size: 14px;
    }

    .fad-project-grid-inner img {
        height: 450px;
    }

    .load-more-btn {
        padding-top: 55px;
    }
    
    .load-more-btn button{
        width: 220px;
    }

    .fad-project-grid-info h2{
        font-size: 24px;
        line-height: 30px;
    }

    .fad-project-grid-info{
        padding-bottom: 25px;
        padding-left: 25px;
        padding-right: 35px;
    }

    .customizations-main{
        padding-top: 40px;
        padding-bottom: 15px;
    }

    .customization-heading h2 {
        font-size: 30px;
        line-height: 39px;
        padding-bottom: 7px;
    }

    .customization-heading h6 {
        padding-bottom: 7px;
    }

    .customization-heading {
        padding-bottom: 40px;
    }

    .customization-grid-flex-main {
        padding-top: 50px;
    }
    
    .sub-footer.mob.two.line ul li {
        line-height: 20px;
    }
    
    .sub-footer.mob.one.line ul li {
        line-height: 24px;
    }
    
    body.inner-page .mob-header .navbar-collapse {
        z-index: 10;
        top: 70px;
    }
    
    .mob-header .navbar-nav{
        padding-top: 100px;
    }
}

@media(max-width:440px){
    .home-slider-items {
        height: 200px;
    }
    
    .home-slider .owl-item .home-slider-items img{
        margin-top: 20px;
    }
}

@media(max-width:414px){
    .home-slider-items {
        height: 150px;
    }
    
    .home-slider .owl-item .home-slider-items img{
        margin-top: 15px;
    }
}

@media(max-width:380px){
    .customization-heading h2 {
        font-size: 27px;
        line-height: 35px;
    }
    
    .sub-footer.mob.two {
        width: 41%;
    }
    
    .sub-footer.mob.one {
        width: 59%;
    }
}

@media(max-width:370px){
    .fad-project-grid:hover p {
        max-height: 295px;
    }
}

@media(max-width:400px){
    .fad-projects-heading h2{
        font-size: 26px;
        line-height: 35px;
    }
}