@media (min-width: 1300px) and (max-width: 1600px){
    /*.main-banner{height:auto;}*/
    .navigationwrp ul{gap: 13px;}
    .navigationwrp ul li a{font-size: 14px;}
    
    #menu>li>a{    font-size: 14px;}
    .header-btn{    font-size: 14px;}
    .menu-sub{padding: 20px 0;}
    .menu-sub .container::after{left: 18%;    top: -8%;}
    .legal{font-size: 16px;padding: 17px 35px;}
    .header-btn2{        font-size: 14px;}
    .header-btn{    padding: 8px 30px;}
    .res-none{display:none;}
    .menu{opacity:0;}
    .res-only{opacity:1;z-index: 9999;}
    .menu .links-container{padding: 40px;padding-bottom: 0;margin: 0;}
    .final-botm{    padding-top: 20px;}
    .menu .links-container a{font-size: 22px;height: 25px;}
    .menu .links-container a:hover{    font-size: 24px;}
    .menu{height: 520px;}
    .bottom-ul{padding: 0px 50px 0 0;}
    .banner-sec .themes-btn{    font-size: 14px;}
    .banner-sec a{    font-size: 14px;}
    .banner-sec img{width: 730px;    bottom: -100px;    right: -30px;}
    /*.banner-second-txt h2{    margin: 70px 0 0px;}*/
    .smallscreen{display:block;height: auto;}
    .small-screen-off{display:none;}
}

@media (max-width: 1550px){
html{zoom:80%;}
.about-pg .service-banner-sec{height: auto;}
.service-banner-sec .service-banner-bg{    height: 100%;}
}

@media (min-width: 1100px) and (max-width: 1366px) {
.box-main.two .txtmain h4{font-size: 32px;line-height: 30px;}
.box-main.two .txtmain p{    font-size: 26px;}
.box-main.three .txtmain h4{    font-size: 32px;}
    .container-xl, .container-lg, .container-md, .container-sm, .container {        max-width: 1200px;}
    .box-main.three .imgwrp img{    width: 230px;}
    .testimonials ul {    margin: 0 0 0 3vw;}
    .testimonials ul li p{font-size: 20px;}
    .main-banner .txtwrp h1{font-size: 56px;}
    .home-ppg .black-bg .txtwrp p{font-size: 20px;}
    .main-heading{    font-size: 38px;}
    .pkrsection .txtwrp p {    width: 100%;}
    .main-pera{font-size: 18px;line-height: 1.3;}
}

@media (min-width: 780px) and (max-width: 1365px){
.smallscreen{display:block;}
.small-screen-off{display:none;}
#menu{    margin: 0 0 0 50px;}   
.header-btn2{padding: 20px 13px;    font-size: 14px;}
.header-btn{font-size: 14px;}
#menu>li>a{padding: 10px 13px;    font-size: 14px;}
.logo img{height: 30px;}
.img-portion img{margin: 0 0px;}
.tetsiomal-txt p {    height: 200px;}
.menu{height: 450px;}
.menu .links-container{padding: 30px 30px 0;padding-top: 35px;}
.menu .links-container a{font-size: 18px;    height: 20px;}
.bottom-ul{padding: 0px 50px 0 0;}
.menu{opacity:0;}
.res-only{opacity:1;}
.bottom-ul ul li a{font-size: 16px;}
.bottom-ul ul li a{line-height: 25px;}
.final-botm h6{margin-top: 0px;}
.menu .links-container a:hover{    font-size: 19px;}
/*h1{font-size: 36px;line-height: 40px !important;}*/
.banner-sec p{    font-size: 16px;    line-height: 20px;}
.banner-sec a{font-size: 14px;    padding: 16px 19px;}
.banner-sec .themes-btn{font-size: 14px;    padding: 16px 19px;}
h2{    font-size: 26px;}
p{     font-size: 16px;   line-height: 20px;}
footer .footer-list .list-itemwrp ul li a{    font-size: 14px;}
footer .txtwrp .main-heading{line-height: 35px;font-size: 28px;}
.footer-bottom .main-wrp-list ul li a{font-size: 12px;}
.agent-sec h3 a{        font-size: 26px;} 
.footer-bottom .main-wrp-list ul li{padding: 0 20px 0 0;}
.banner-sec img{width: 680px;    bottom: -94px;    right: -30px;}
.banner-second-txt h2{    margin: 70px 0 0px;}
}

@media (min-width: 768px) and (max-width: 1025px){
    .tab-header{display:block;}
    .smallscreen{display:none;}
    .small-screen-off{display:none;}
    #menu{        margin: 0 0 0 0px;}
    .all-service{opacity:1;}
    .menu{height: auto;}
    .img-portion img{height:35px;}
    .device{        display: none;}
    .banner-sec{    padding-top: 100px;}
    .banner-sec img{display:none;}
}

@media (min-width: 0px) and (max-width: 767px){

.navigationwrp{display:none;}
header .custom-container{    padding: 0 10px;}
header .head-right{display:none;}
.nav-top-right{    right: 20px;    top: 10px;}
.main-banner{height: auto;}
.main-banner .txtwrp h1{font-size: 42px;}
.main-banner .txtwrp p{font-size: 22px;}
.iconwrp{position: unset;    margin-bottom: 30px;}
.main-banner .scrolldown{display:none;}
.main-heading{    font-size: 36px;}
.top-companies .boxtxt ul li img {    height: 20px;}
.pkrsection .imgwrp img{margin: 30px 0 0;}
.what-we-do .txtwrp{width: 100%;}    
.main-cta .main-wrp{width: 100%;}
.main-cta .main-wrp .txtwrp p{width: 100%;}
.main-cta .main-wrp .txtwrp h2{font-size: 46px;}


.counter-box {padding: 1rem 0rem;}
.counter-sec .col-4,
.counter-sec .col-12 {        border: none;}
.counter-box>div,
.count {        font-size: 2.2rem;        letter-spacing: 0px;        gap: 0px;        margin: 5px 0px;}
.counter-box>div {        margin: 0px;}
.counter-box>div i {        font-size: 2rem;}
.counter-box>p {        font-size: 11px;        line-height: 15px;}
.counter-sec .col-lg-3:nth-child(1) {order: 2;}
.counter-sec .col-lg-3:nth-child(2) {order: 3;}
.counter-sec .col-lg-3:nth-child(3) {order: 4;}
.counter-sec .col-lg-3.position-relative {}

.custom-container{padding: 0 10px;}
.higilight-sec{padding-top: 20px;    padding-bottom: 40px;}
.slider-controls{justify-content: flex-start;}
.testimonials ul{margin: 0 0 0 0vw;}
.download .imgwrp img{margin: 30px 0 0;    border-radius: 30px;}    
.blogs .btnwrp{text-align: left;    margin: 10px 0 20px;}
.faqwrp .txtwrp p {    font-size: 20px;    width: 80%;}

.newzletter{padding: 60px 0%;}
.newzletter:before{min-height: 40px;}
.newzletter iframe{margin: 0px 0px 0px -30px !important;}
.newzletter .contact-vdo{margin: 0 0 0 0px;}
.newzletter .contact-vdo video{width: 100%;    height: auto;}
footer .footer-link ul{display: flex;flex-wrap: wrap;    grid-row-gap: 0px;}
footer .footer-link ul li{flex: 0 0 100%;}
footer ul.right-col{    margin: 20px 0 0;}
.navigation li{    line-height: 65px;font-size: 44px;font-weight: 500;}

.themes-h1{    line-height: 42px;    font-size: 36px;margin-bottom: 30px;}
.service-banner-sec h5{font-size: 28px;    font-weight: 400;    line-height: 30px;}
.service-banner-sec h6{font-size: 22px;}
.bullet-box::after{display:none;}

.testiomal-box h5{    font-size: 24px;line-height: 30px;}
.about-pg .main-banner .txtwrp h1{font-size: 46px;}
.industries-pg .ease-use-sec .imgwrp {    margin: 0 0 20px;}
.ease-use-sec .themes-h2.colb {    font-weight: 500;    font-size: 28px;    line-height: 36px;}
.iner-industries-pg .bullet-img{position: unset;    text-align: center;    margin: 0 auto 20px;    transform: translate(0%, 0);}
.indus-box .mainboxwrp {    margin: 20px 0 0;}
.ul-design-sec img{    margin: 30px 0 0;    border-radius: 30px;}

.case-inner .main-banner{    padding: 160px 0 280px;}
.case-inner .main-banner .txtwrp{width: 100%;}
.case-inner .main-banner .txtwrp h1{        font-size: 46px;    line-height: 52px;}
.case-inner .main-banner .txtwrp p{width: 100%;}
.incresh-sec .custom-container{padding: 0 10px;}
.incresh-box{    width: 100%;    padding: 30px 10px;}
.incresh-box ul{width: 100%;}
.incresh-box ul li .themes-p{font-size: 16px;}
.scop-list{    padding-left: 0rem;    margin: 40px 0 0;}
.chlng-box{padding: 1.2rem;    border-radius: 30px;    margin: 20px 0 0;}

.join-sec .joinsec-box{padding: 70px 30px;}
.believe-box>div{width: 100%;}
.teamwrp .team-box {    margin: 0 0 30px;}
.home-ppg .black-bg:before{display:none;}
.home-ppg .black-bg:after{display:none;}
.pkrsection .controls{display:none;}
.pkrsection .canvas-column{display:none;}


.banner-clutch{margin: 20px 0 0 0px;}
.pkrsection{padding: 50px 0 0;}
footer .bottom-right{justify-content: left;    margin: 10px 0 0;}
footer .footer-links-right a{margin-left: 0px;    margin-right: 15px;}
.believe-box{flex-wrap: wrap;    width: 100%;}
.believe-box>div{flex-direction: column;padding: 0rem;}



/* packages-box */
.scaling-pack,
.venture-pack {        display: none;}
.package-list-row>div:first-child,
.package-list-row>div {        width: 50%;}
.pack-select-btn {        height: 50px;        width: 100%;        font-size: 12px;    padding: 0 1rem;    }
.pack-select-btn>img {        width: 15px;        height: 15px;    }
div#choose-pack,
.choose-pack {        justify-content: center;        align-items: center;    margin-bottom: 1rem;        gap: 2rem;}
div#choose-pack>button.active,
.choose-pack>button.active {        border-color: white;}
div#choose-pack>button,
.choose-pack>button {        height: 35px;        border-radius: 25px;        outline: none;        border: 2px solid #4A4A4A;        background: #454545;        color: white;        font-size: 12px;        padding: 0 1rem;        line-height: 1;        font-family: var(--primary-font);}
.package-head>div:nth-child(1),
.package-head>div {        width: 50%;}
.package-head>div:nth-child(1) {        display: flex;        flex-direction: column-reverse;}
.package-head>div:nth-child(1)>div h4 {        font-size: 18px;        margin-bottom: 1rem;}
.package-list-row>div {        font-size: 12px;}
.package-list-row {        align-items: center;}
.package-list-item.d-flex.justify-content-between {        display: block !important;}
.pack-btn-row p {        font-size: 8px;}
.package-head {        gap: 5px;        align-items: end;}
.switch-box {        margin: 5px auto;}
.switch:before {        left: -55px;        font-size: 10px;}
.switch:after {        right: -110px;        font-size: 10px;}
label.switch+span:after {        width: 35px;        height: 35px;        top: -15px;        right: -40px;}
label.switch+span {        font-size: 20px;        width: 100px;        bottom: -20px;        text-align: center;}
.sticky-package-box {        top: 45px;        padding: 1rem 0;}
.package-box {        border-radius: 18px;        padding: 1rem;        height: 95px;}
.package-box>a {        font-size: 2rem;}
.package-box>a img {        width: 15px;        height: 15px;}

/* packages-box */
.pric-bx h6{font-size: 22px;}
.nav-pills {    gap: 1rem;    margin: 1rem 0;}
.faq-question span:first-of-type {    width: 90%;}

.meeting-pg .main-banner .txtwrp p{width: 90%;    margin: 20px auto 40px;}
.about-pg .main-banner{padding: 160px 0 80px;}
.termswrp .txtwrp{width: 100%;}
.case-inner .main-banner{    padding: 160px 0 150px;}
.incresh-sec{margin-top: -12vh;}
.incresh-box{height: auto;    border-radius: 20px;}
.txt-cntr{height: auto;}
.join-sec .joinsec-box video{border-radius: 20px;}
.join-sec .joinsec-box{border-radius: 20px;}
.service-banner-sec{height: auto;padding-top: 160px;}
.service-banner-sec .service-banner-bg{    height: 100%;}

    
.responsive-only{display:block;height: 30px !important;}
.banner-clutch{display:none;}
.iconwrp ul li{    margin: 0 19px 0 0;}   
.home-ppg .black-bg{    padding: 150px 0 40px;}    
.top-companies .txtwrp {    width: 90%;}
.higilight-box{width: 90%;}    
.higilight-box .higilight-txt img.top-icon{    right: 25px;}
.higilight-box .higilight-txt{padding: 30px 30px;}
    
    
    
    
    .iconwrp ul li img{height: 20px;}
    .iconwrp h4{margin: 0 0 0px;}
    .home-ppg .black-bg .imgwrp{display:none;}
    .home-ppg .black-bg .txtwrp p{    font-size: 18px;    line-height: 1.3;}
    .lead-heading{font-size: 18px;    }
    .btn-1{font-size: 12px;}
    .home-ppg .black-bg .btnwrp a{    margin: 0px 0 0;}
    .top-companies .boxtxt ul{    margin: 20px 0 0;}
    .home-pg .top-companies .boxtxt ul li img{height: 70px;}
    .pkrsection .txtwrp p{width: 100%;}
    
    .stat-card{display:none;}
    
    .box-main.two .txtmain h4:after{width: 160px;}
    .box-main.three .imgwrp img{position: relative;        width: 60%;        float: right;margin: 0 0 -100px 0;}
    .main-cta{    padding: 100px 0;}
    
    
    .orbit-photo-wrap{height: 100%;    width: 100%;}
    .orbit-photo-wrap img{width: 100%;bottom: 0;    right: 0;}
    .orbit-stage{width: 100%;    height: -webkit-fill-available;}
    
    .box-main.two .txtmain h4{font-size: 32px;    line-height: 32px;}
    .box-main.two .txtmain p{    font-size: 26px;}
    .box-main.one .imgwrp img{width: 170px;    margin: 0 auto;border-radius: 0px;}
    .box-main.two .txtmain h4 span{    margin: 0px 0 0px;}
    .box-main.three .txtmain h4{font-size: 32px;line-height: 30px;}
    .main-heading br{display:none;}
    
    
    .clutch-custom-box{margin: 0 0 30px;    position: relative;}
    
    
    .case-card.fulwidth{width: 2%;    max-width: none;    min-width: auto;}
    
    
    
    .review-mobile{    display:block;    margin-top:30px;}
    .banner-left .bento__video-quote{    display:none;}
    
    .service-banner-sec{        background: linear-gradient(136deg, #000000 35%, #5A2E08 54%, #B35D12 78%, #F39A2B 94%, #FFF2E4 110%);padding-bottom: 50px;        height: 100vh;}
    .service-banner-sec .service-banner-bg{display:none;}
    .justify-align{    height: auto;}
    
    .service-pg .case-card.fulwidth {width: 100%;}
    
        .nav-top-right {
    display: block;
}
.hompg.home-ppg.home-pg .main-banner .btnwrp{align-items: flex-start;    flex-direction: column;}
.home-ppg .black-bg .col-md-6:nth-child(2) {    height: auto;}
html {zoom: 100%;}
.online-store-wrp .store-services-main.rightside ul li .imgwrp{display:none;}
.testimonials ul li{margin: 20px 0px 0;}
footer .copyright{flex-direction: column;}
.foot-bottom img {    width: 100%;    margin: 10px 0 0;}
.work-pg .content {    padding: 0px;    width: 100%;}
.work-pg .out-work-section .work-mainwrp .case-card{flex-direction: column;}
.work-pg .video-wrapper {    width: 100%;    margin: 30px 0 0;}

.case-card.fulwidth.shopify .video-wrapper, .case-card.fulwidth.etsy .video-wrapper{margin: 0px 0 30px;}
.need-help-box{height: 85vh;padding: 120px 2rem;justify-content: center;background: #0f1827;background-image: unset;}
.need-help-box div>p br{display:none;}
.about-main-content .txtwrp h2 {    max-width: 100%;}
.abt-new .themes-h1 {    color: #ffffff;}
.abt-new .bento__video-quote p {    color: #fff;}
.abt-new .bento__video-quote .cl-name {   color: rgb(211 200 200);}
.service-pg.abt-new .services-logo {    display: block;}
.service-pg.abt-new .site-logo {    display: none;}
.main-form{        margin: 0 -20px 0 20px;}
.blogs .blog-box h6{font-size: 24px;}
.blogs .blog-box {    margin: 20px 0 0;   }
}




@media only screen and (max-width: 767px) {
  .awardswrp .counterwrp ul {
    flex-flow: wrap;
    justify-content: center;
    row-gap: 20px;
}

.awardswrp .counterwrp ul li {
    width: 90%;
}

.awardswrp .award-list ul li {
    flex: 0 0 31%;
    max-width: 31%;
    text-align: center;
}

.awardswrp .award-list ul li img {
    height: 70px;
}

.awardswrp .award-list ul {
    justify-content: center;
    flex-flow: wrap;
    gap: 2%;
}

.mainfrm {
    padding-top: 30px;
}

.succeswrp {
    padding: 500px 0 330px;
}

.succeswrp .succes-list {
    margin: 60px 0 0;
}



.contentwrp .txtwrp img {
    width: 50px;
}

.contentwrp .txtwrp {
    padding-top: 30px;
}

.contentwrp.low-padd {
    padding-bottom: 0;
}

.review {
    flex-flow: wrap;
    row-gap: 38px;
    justify-content: flex-start;
    padding: 20px 20px 20px;
}

.review .imgwrp img {
    width: 90px;
    margin: 0 0px 0 0;
}

.service-review.padd-tb {
    margin-top: 30px;
}

.contentwrp .imgwrp {
    margin-top: 30px;
}

.fill-color {
    padding: 30px 0 74px !important;
    margin-top: 40px;
}

.main-cta .cta {
    width: 90%;
    padding: 15px 25px 40px;
}

.pricing .pkg-main {
    width: 90%;
}

.pricing .row {
    gap: 30px;
}

.videotestimonials .txtwrp .stars i {
    font-size: 18px;
}


}