@media only screen and (min-width: 1600px) and (max-width: 1920px) {
    section.services .container {
        max-width: 100%;
    }

    .sidebox {
        justify-content: flex-start;
        padding: 0;
        margin: 0;
    }

    .slidetxt {
        padding: 200px 0px;
    }

    .contentboxsize .row {
        width: 100%;
    }

    .abtimgbox,
    .reviewabtbox {
        height: 870px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .hero-banner .container {
        margin-top: 80px;
    }

    .firstslider {
        margin: 146px -150px 0 -150px;
    }

    .secslider {
        margin: 20px -150px 0 -150px;
    }

    section.services .container {
        max-width: 100%;
    }

    .contentboxsize .row {
        width: 100%;
    }

    .slidetxt {
        padding: 198px 0px;
    }

    section.abtbnr .firstslider {
        margin: 50px -150px 0 -150px;
    }

    .abtimgbox,
    .reviewabtbox {
        height: 850px;
    }

    img.innerimg01 {
        transform: rotate(-12.06deg);
    }
}

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

@media only screen and (min-width: 520px) and (max-width: 767px) {
    .hdr-dsk {
        display: none;
    }

    .mob-hdr {
        display: block;
    }

    .container.mob-hdr .row,
    .headerlogo img {
        width: 100%;
    }

    .container.mob-hdr .row .col-sm-9 {
        width: 70%;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
    }

    .container.mob-hdr .row .col-sm-3 {
        width: 30%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        align-content: center;
    }

    .navbar-brand {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
    }

    .headerlogo img {
        width: 90%;
    }

    .mobnav {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .nav-but-wrap {
        display: inline-block;
        float: left;
        padding-left: 15px;
        padding-top: 15px;
        margin-top: 16px;
        transition: .3s ease-out;
    }

    .menu-icon {
        height: 30px;
        top: -20px;
        right: 0;
    }

    .menu-icon,
    .menu-icon__line {
        display: block;
        cursor: pointer;
    }

    .menu-icon,
    .menu-icon:hover .menu-icon__line-left,
    .menu-icon:hover .menu-icon__line-right {
        width: 30px;
    }

    .btn-31,
    .menu-icon,
    .nav-but-wrap,
    section.banner,
    span.menu_mm {
        position: relative;
    }

    .menu-icon__line-left {
        width: 30px;
        transition: .2s linear;
    }

    .menu-icon__line {
        -webkit-transition: background-color .5s, -webkit-transform .2s;
        transition: transform .2s, background-color .5s;
        height: 2px;
        width: 20px;
        background-color: #fff;
        margin-bottom: 7px;
    }

    .menu-icon__line-left {
        -webkit-transition: .2s linear;
    }

    span.menu_mm {
        color: #fff;
        right: 30px;
        font-size: 20px;
        font-weight: 700;
    }

    span.menu_mm {
        position: relative;
    }

    .contentboxsize .row {
        width: 100%;
        padding: 14px 10px;
        margin: 0;
    }

    .offcanvas {
        background: linear-gradient(45deg, rgba(110, 26, 45, 1) 0%, rgba(48, 0, 3, 1) 50%);
    }

    .offcanvas-header img {
        width: 75%;
    }

    .offcanvas-header .btn-close {
        opacity: 1;
        color: rgba(110, 26, 45, 1);
        font-size: 32px;
        width: 45px;
        height: auto;
        background: #f8f2e4;
        border-radius: 10px;
    }

    .mobmneubox ul li a {
        color: #f8f2e4;
        font-size: 18px;
        line-height: 45px;
        text-decoration: none;
    }

    .bnnrtxt h1 {
        font-size: 22px;
        text-align: center;
    }

    .bnnrtxt h2 {
        font-size: 32px;
        text-align: center;
    }

    .bnnrtxt p {
        font-size: 15px;
        text-align: center;
    }

    .getintch .button {
        width: 162px;
        font-weight: 600;
        height: 48px;
        font-size: 13px;
        margin: 0px;
    }

    .getintch .button::before {
        left: -55px;
    }

    .getintch .button:is(:hover, :focus)::before {
        transform: translateX(21%);
    }

    .firstslider {
        margin: 46px -65px 0 -65px;
    }

    .abtslidetxt h3 {
        font-size: 34px;
        line-height: 45px;
        margin-bottom: 2px;
    }

    .abtboxslider {
        margin-bottom: 0px;
    }

    .servhd h3 {
        font-size: 34px;
    }

    section.services {
        padding: 35px 0 0 0;
    }

    .sidebox {
        display: none;
    }

    .servicebox h2 {
        font-size: 50px;
    }

    .servboxbg {
        display: block;
        width: 100%;
    }

    .servtag ul {
        display: flex;
        gap: 12px;
        padding: 0px 0px;
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
    }

    .servtag ul li {
        width: 100%;
    }

    .servbox {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .servimgbox {
        display: none;
    }

    .servboxbg {
        padding: 20px 0;
        width: 100%;
        margin: 0;
        display: block;
    }

    .genereshd h3 {
        font-size: 34px;
    }

    .contentboxsize {
        position: relative;
        padding: 0;
        margin: 0;
    }

    .sec-head strong {
        font-size: 32px;
    }

    .c-side p {
        font-size: 15px;
    }

    .c-side {
        margin-bottom: 26px;
    }

    .range-slider {
        margin-right: 0px;
    }

    section.genres {
        padding: 36px 0 0 0;
    }

    .revihd h3 {
        font-size: 34px;
    }

    section.testimonials {
        padding: 38px 0 0 0;
        position: relative;
        overflow: hidden;
    }

    .fromhd h4 {
        font-size: 40px;
        line-height: 0px;
    }

    .fromhd p {
        font-size: 25px;
        line-height: 35px;
        padding: 20px 0px;
    }

    .formbox {
        padding: 2rem 1rem 3rem 1rem;
    }

    .formbox form .row {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .col-sm-4.nametxt,
    .col-sm-4.namefield,
    .col-sm-4.nametxt2,
    .col-sm-4.emailtxt1,
    .col-sm-4.emailfield,
    .col-sm-4.emailtxt2,
    .col-sm-4.phonetxt,
    .col-sm-8.phonefield {
        width: 100%;
    }

    .checkboxfieldbox label {
        padding: 0.5rem;
        font-size: 16px;
    }

    .formtxtlabelbox p {
        font-size: 16px;
        margin: 0;
    }

    .form-fields input::placeholder,
    .form-fields textarea::placeholder {
        font-size: 16px;
    }

    .submitbtnform {
        display: block;
    }

    .quick-links {
        padding-left: 0px;
    }

    .footer-logo a img {
        padding-bottom: 0px;
    }

    .address-box a i {
        width: 40px;
        height: 40px;
    }

    .copyright h3 {
        font-size: 12px;
        text-align: center;
    }

    .col-md-5.mylinks {
        display: none;
    }

    .mobmneubox ul li ul {
        height: 270px;
        overflow-y: auto;
        background: url(../images/navbg.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 18px;
    }

    .mobmneubox ul li ul li a {
        font-size: 16px;
        color: rgba(110, 26, 45, 1);
    }

    section.abtbnr .bnnrtxt h1 {
        font-size: 34px;
    }

    section.abtbnr {
        position: relative;
        overflow: hidden;
    }

    .abtimgtxt {
        padding: 3rem 1rem 3rem 1rem;
    }

    .abtimgtxt h2 {
        font-size: 30px;
    }

    .abtimgbox {
        height: 450px;
    }

    .reviewabtbox {
        height: 450px;
        padding: 0 4px;
        margin-top: 22px;
    }

    .abtrevbox h4 {
        font-size: 16px;
    }

    section.abtsec {
        padding: 40px 0;
    }

    section.abtindus {
        padding: 20px 0;
    }

    .industrytxt h3 {
        font-size: 34px;
    }

    .industrytxt p {
        font-size: 20px;
        padding: 0px 0px;
    }

    .industryfirst.secondbox {
        display: none;
    }

    .videotxt h3 {
        font-size: 34px;
    }

    .videotxt p {
        font-size: 20px;
        padding: 0px 0px;
    }

    .videotxtbox p {
        font-size: 20px;
        line-height: 28px;
    }

    .videoreviewbox video,
    .videoreviewbox {
        height: 500px;
    }

    section.innerservbnr {
        padding: 10rem 0rem 3rem 0rem;
    }

    .innerbnrtxtserv h1 {
        font-size: 34px;
        text-align: center;
    }

    .innerbnrtxtserv p {
        font-size: 16px;
        text-align: center;
    }

    .choosedesigntxt h4 {
        font-size: 34px;
        text-align: center;
    }

    .choosedesigntxt p {
        font-size: 16px;
        text-align: center;
    }

    .choose-inner-head {
        height: 318px;
    }

    .standoutimg img {
        height: 480px;
    }

    .standouttxtbox {
        padding: 2rem 1rem 2rem 1rem;
        height: auto;
    }

    .standouttxtbox p {
        font-size: 16px;
    }

    .trunepagestxt h4 {
        font-size: 34px;
    }

    .trunepagestxt p {
        font-size: 16px;
    }

    section.trunepages .choose-inner-head {
        margin: 10px 0;
    }

    .standouttxtbox02 h4 {
        font-size: 34px;
        text-align: center;
    }

    .standouttxtbox.standouttxtbox02 {
        text-align: center;
    }

    section.indusstandout.indusstandoutsec .standoutimg.standoutimg02 img {
        height: 500px;
    }

    .faqstxt h1 {
        font-size: 34px;
        padding: 2rem 0;
    }

    .porttxt h2 {
        font-size: 34px;
    }

    section.portfolio {
        padding: 28px 0;
    }

    .portfolios {
        display: block;
        padding: 28px 0;
    }

    .portfolio {
        display: none;
    }

    .item img {
        width: 100%;
    }

    .portfolio-img::before {
        height: 660px;
    }

    .blogtxt h1 {
        font-size: 34px;
        line-height: 50px;
        padding: 1rem 0;
    }

    .content {
        width: 100%;
    }

    .contacttxt h1 {
        font-size: 34px;
        line-height: 42px;
        padding: 1rem 0;
    }

    section.categorysec {
        padding: 20px 0;
    }

    .categoryhd h3 {
        font-size: 34px;
    }

    .cntctpay img {
        width: 100%;
    }
}

@media only screen and (min-width: 300px) and (max-width: 519px) {
    .hdr-dsk {
        display: none;
    }

    .mob-hdr {
        display: block;
    }

    .container.mob-hdr .row,
    .headerlogo img {
        width: 100%;
    }

    .container.mob-hdr .row .col-sm-9 {
        width: 70%;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
    }

    .container.mob-hdr .row .col-sm-3 {
        width: 30%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        align-content: center;
    }

    .navbar-brand {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
    }

    .headerlogo img {
        width: 90%;
    }

    .mobnav {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .nav-but-wrap {
        display: inline-block;
        float: left;
        padding-left: 15px;
        padding-top: 15px;
        margin-top: 16px;
        transition: .3s ease-out;
    }

    .menu-icon {
        height: 30px;
        top: -20px;
        right: 0;
    }

    .menu-icon,
    .menu-icon__line {
        display: block;
        cursor: pointer;
    }

    .menu-icon,
    .menu-icon:hover .menu-icon__line-left,
    .menu-icon:hover .menu-icon__line-right {
        width: 30px;
    }

    .btn-31,
    .menu-icon,
    .nav-but-wrap,
    section.banner,
    span.menu_mm {
        position: relative;
    }

    .menu-icon__line-left {
        width: 30px;
        transition: .2s linear;
    }

    .menu-icon__line {
        -webkit-transition: background-color .5s, -webkit-transform .2s;
        transition: transform .2s, background-color .5s;
        height: 2px;
        width: 20px;
        background-color: #fff;
        margin-bottom: 7px;
    }

    .menu-icon__line-left {
        -webkit-transition: .2s linear;
    }

    span.menu_mm {
        color: #fff;
        right: 30px;
        font-size: 20px;
        font-weight: 700;
    }

    span.menu_mm {
        position: relative;
    }

    .contentboxsize .row {
        width: 100%;
        padding: 14px 10px;
        margin: 0;
    }

    .offcanvas {
        background: linear-gradient(45deg, rgba(110, 26, 45, 1) 0%, rgba(48, 0, 3, 1) 50%);
    }

    .offcanvas-header img {
        width: 75%;
    }

    .offcanvas-header .btn-close {
        opacity: 1;
        color: rgba(110, 26, 45, 1);
        font-size: 32px;
        width: 45px;
        height: auto;
        background: #f8f2e4;
        border-radius: 10px;
    }

    .mobmneubox ul li a {
        color: #f8f2e4;
        font-size: 18px;
        line-height: 45px;
        text-decoration: none;
    }

    .bnnrtxt h1 {
        font-size: 22px;
        text-align: center;
    }

    .bnnrtxt h2 {
        font-size: 32px;
        text-align: center;
    }

    .bnnrtxt p {
        font-size: 15px;
        text-align: center;
    }

    .getintch .button {
        width: 162px;
        font-weight: 600;
        height: 48px;
        font-size: 13px;
        margin: 0px;
    }

    .getintch .button::before {
        left: -55px;
    }

    .getintch .button:is(:hover, :focus)::before {
        transform: translateX(21%);
    }

    .firstslider {
        margin: 46px -65px 0 -65px;
    }

    .abtslidetxt h3 {
        font-size: 34px;
        line-height: 45px;
        margin-bottom: 2px;
    }

    .abtboxslider {
        margin-bottom: 0px;
    }

    .servhd h3 {
        font-size: 34px;
    }

    section.services {
        padding: 35px 0 0 0;
    }

    .sidebox {
        display: none;
    }

    .servicebox h2 {
        font-size: 50px;
    }

    .servboxbg {
        display: block;
        width: 100%;
    }

    .servtag ul {
        display: flex;
        gap: 12px;
        padding: 0px 0px;
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
    }

    .servtag ul li {
        width: 100%;
    }

    .servbox {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .servimgbox {
        display: none;
    }

    .servboxbg {
        padding: 20px 0;
        width: 100%;
        margin: 0;
        display: block;
    }

    .genereshd h3 {
        font-size: 34px;
    }

    .contentboxsize {
        position: relative;
        padding: 0;
        margin: 0;
    }

    .sec-head strong {
        font-size: 32px;
    }

    .c-side p {
        font-size: 15px;
    }

    .c-side {
        margin-bottom: 26px;
    }

    .range-slider {
        margin-right: 0px;
    }

    section.genres {
        padding: 36px 0 0 0;
    }

    .revihd h3 {
        font-size: 34px;
    }

    section.testimonials {
        padding: 38px 0 0 0;
        position: relative;
        overflow: hidden;
    }

    .fromhd h4 {
        font-size: 40px;
        line-height: 0px;
    }

    .fromhd p {
        font-size: 25px;
        line-height: 35px;
        padding: 20px 0px;
    }

    .formbox {
        padding: 2rem 1rem 3rem 1rem;
    }

    .formbox form .row {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .col-sm-4.nametxt,
    .col-sm-4.namefield,
    .col-sm-4.nametxt2,
    .col-sm-4.emailtxt1,
    .col-sm-4.emailfield,
    .col-sm-4.emailtxt2,
    .col-sm-4.phonetxt,
    .col-sm-8.phonefield {
        width: 100%;
    }

    .checkboxfieldbox label {
        padding: 0.5rem;
        font-size: 16px;
    }

    .formtxtlabelbox p {
        font-size: 16px;
        margin: 0;
    }

    .form-fields input::placeholder,
    .form-fields textarea::placeholder {
        font-size: 16px;
    }

    .submitbtnform {
        display: block;
    }

    .quick-links {
        padding-left: 0px;
    }

    .footer-logo a img {
        padding-bottom: 0px;
    }

    .address-box a i {
        width: 40px;
        height: 40px;
    }

    .copyright h3 {
        font-size: 12px;
        text-align: center;
    }

    .col-md-5.mylinks {
        display: none;
    }

    .mobmneubox ul li ul {
        height: 270px;
        overflow-y: auto;
        background: url(../images/navbg.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 18px;
    }

    .mobmneubox ul li ul li a {
        font-size: 16px;
        color: rgba(110, 26, 45, 1);
    }

    section.abtbnr .bnnrtxt h1 {
        font-size: 34px;
    }

    section.abtbnr {
        position: relative;
        overflow: hidden;
    }

    .abtimgtxt {
        padding: 3rem 1rem 3rem 1rem;
    }

    .abtimgtxt h2 {
        font-size: 30px;
    }

    .abtimgbox {
        height: 450px;
    }

    .reviewabtbox {
        height: 450px;
        padding: 0 4px;
        margin-top: 22px;
    }

    .abtrevbox h4 {
        font-size: 16px;
    }

    section.abtsec {
        padding: 40px 0;
    }

    section.abtindus {
        padding: 20px 0;
    }

    .industrytxt h3 {
        font-size: 34px;
    }

    .industrytxt p {
        font-size: 20px;
        padding: 0px 0px;
    }

    .industryfirst.secondbox {
        display: none;
    }

    .videotxt h3 {
        font-size: 34px;
    }

    .videotxt p {
        font-size: 20px;
        padding: 0px 0px;
    }

    .videotxtbox p {
        font-size: 20px;
        line-height: 28px;
    }

    .videoreviewbox video,
    .videoreviewbox {
        height: 500px;
    }

    section.innerservbnr {
        padding: 10rem 0rem 3rem 0rem;
    }

    .innerbnrtxtserv h1 {
        font-size: 34px;
        text-align: center;
    }

    .innerbnrtxtserv p {
        font-size: 16px;
        text-align: center;
    }

    .choosedesigntxt h4 {
        font-size: 34px;
        text-align: center;
    }

    .choosedesigntxt p {
        font-size: 16px;
        text-align: center;
    }

    .choose-inner-head {
        height: 318px;
    }

    .standoutimg img {
        height: 480px;
    }

    .standouttxtbox {
        padding: 2rem 1rem 2rem 1rem;
        height: auto;
    }

    .standouttxtbox p {
        font-size: 16px;
    }

    .trunepagestxt h4 {
        font-size: 34px;
    }

    .trunepagestxt p {
        font-size: 16px;
    }

    section.trunepages .choose-inner-head {
        margin: 10px 0;
    }

    .standouttxtbox02 h4 {
        font-size: 34px;
        text-align: center;
    }

    .standouttxtbox.standouttxtbox02 {
        text-align: center;
    }

    section.indusstandout.indusstandoutsec .standoutimg.standoutimg02 img {
        height: 500px;
    }

    .faqstxt h1 {
        font-size: 34px;
        padding: 2rem 0;
    }

    .porttxt h2 {
        font-size: 34px;
    }

    section.portfolio {
        padding: 28px 0;
    }

    .portfolios {
        display: block;
        padding: 28px 0;
    }

    .portfolio {
        display: none;
    }

    .item img {
        width: 100%;
    }

    .portfolio-img::before {
        height: 660px;
    }

    .blogtxt h1 {
        font-size: 34px;
        line-height: 50px;
        padding: 1rem 0;
    }

    .content {
        width: 100%;
    }

    .contacttxt h1 {
        font-size: 34px;
        line-height: 42px;
        padding: 1rem 0;
    }

    section.categorysec {
        padding: 20px 0;
    }

    .categoryhd h3 {
        font-size: 34px;
    }

    .cntctpay img {
        width: 100%;
    }
}