@media all and (min-width: 1500px) {
    .container{max-width: 1440px;}
}
@media all and (min-width: 1600px) {
    .container{max-width: 1550px;}
    
}
@media all and (min-width: 1700px) {
    .container{max-width: 1670px;}
}

@media all and (max-width: 1700px) {
.step-wrap ul:before{top: 5px;}
.step-wrap ul:after{top: 4px;}
.step-wrap ul li a:after{top: 51px}
.step-wrap ul li.ui-tabs-active a:after{TOP: 44PX;}
.article-box2 .head h4{font-size: 24px !important;}
.article-box2 .para p{font-size: 20px !important;}
.article-box3 .para p{font-size: 20px !important;}

}


@media all and (max-width: 1600px) {
    .step-wrap ul:before{top: 10px;}
.step-wrap ul:after{top: 9px;}
.step-wrap ul li a:after{top: 51px}
.step-wrap ul li.ui-tabs-active a:after{TOP: 44PX;}

    .header-menu > ul > li > a, .header-menu > ul > li > span{font-size: 14px;}
    .header-right ul li a{font-size: 14px;}
 
    .html-work-page  .step-wrap  ul li.ui-tabs-active a{/* background: #f8c050 !important; */}
   

}
@media all and (max-width: 1500px) {
    .container{max-width: 1440px;}
    .mail-text-icon svg{width: 35px !important;height: 35px;}
}

@media all and (max-width: 1440px) {

    .rating-box{padding: 20px 15px;}
    .rating-list ul li{flex-wrap: wrap;}
    .rating-list ul li b{display: block;width: 100%;}
    .progress{width: 80%;}
    .star-ratings{font-size: 30px;}
    .star-count-box{font-size: 12px;}
    .i-card-boxes ul{margin: 0 -15px;}
    .i-card-boxes ul li{padding: 0 15px;}
    .html-news-list-page .page-title h1{font-size:30px}
     .step-wrap ul:before{display: none} 
     .html-news-item-page .page-title h1{font-size: 30px}
     .news-body p{font-size:14px;line-height:22px}
     .page-title{margin-bottom: 10px;}

    .step-wrap ul li a:after{top: 59px;}
    
.step-wrap ul:after{display:none}
    .step-box-info{padding:0 15px}
    .header-menu > ul > li > a, .header-menu > ul > li > span{font-size: 13px;}
    .header-logo a img{width:150px}
    .section-video{padding: 50px 0; }
    .container{max-width: 1140px;}
    .header-right ul li a {    font-size: 13px;}
    .video-info h3{font-size:30px}
    .video-info p{font-size:13px}
    .video-box{    width: 500px;height: 500px;flex: 0 0 auto;    border: 55px solid #4A1971;}
    .icon-box-title h3{    font-size: 30px;}
    .contactpage .box .text p{    font-size: 30px;    line-height: 37px;}
    .contactpage .content .box{width:100%}
    .contactpage .box .para p{    font-size: 18px;}
    .contactpage .txt-para{    width: 100%;
        font-size: 13px;}
      
       
    .icon-info h3 span{
        font-size: 18px;
    }
    .icon-info p{    font-size: 13px;}
    .button-1{    padding: 0 45px;    line-height: 49px;    font-size: 16px;}
    .pricing-title h3{    font-size: 30px;}
    .pricing-price h4{    font-size: 24px;}
    .same-pricing-price span{font-size: 24px;padding: 0 30px;line-height: 42px;top: 3px;}
    .pricing-info ul li span{    font-size: 14px;}
    .pricing-info ul li{    margin: 22px 0;}
    .news-list-homepage .title strong{font-size: 30px;}
    .post-title, .news-title{    line-height: 24px;font-size: 18px;}
    .news-list-homepage .news-body{font-size:14px;padding: 20px 10px 0;}
    .news-list-homepage .title{    padding: 0 0 35px;}
    .section-icons{    padding: 50px 0;}
    .view-btn{    margin-top: 35px;}
    .contact-box .box-txt h3{    font-size: 30px;}
    .contact-box .box-txt p{    font-size: 14px;}
    .section-pricing{    padding: 50px 0;}
    .section.section-news{    padding: 50px 0 50px;}
    .news-list-homepage .view-all{margin: 20px 0 0;}

    .hiw-info h3{font-size: 30px;}
    .hiw-info p{font-size: 14px}
    .mail-text-icon svg{padding: 6px;width: 30px !important;height: 30px;}
    
}

@media all and (max-width: 1024px){
    .login-page .form-fields .reversed span {margin-left: 185px;}
    
} 

@media all and (max-width: 1200px) {
    .container{max-width: 1000px;}
    .header-inner{flex-wrap: wrap;}
    .header-right{width: 100%;display: flex;justify-content: flex-end;}
    .step-wrap ul li a:after{    top: 63px;}
    .step-wrap ul li.ui-tabs-active a:after{TOP: 58PX;    width: 20px;height: 20px;}
    .step-wrap ul li a:after{    width: 10px;height: 10px;}
}

@media all and (max-width: 1000px) {
    .realized-news-grid .item h3{    text-align: center !important;}
    .side-2{    width: 100%;}
    .block{max-width: 100%;}
    .center-2{max-width: 100%;    width: 100%;}
    .colum-wrapper{flex-wrap: wrap-reverse; flex-direction: column-reverse;}
    
    .step-wrap ul li{background-image: none !important;background: #e0e0e0 !important;min-width: 150px;margin: 5px !important;}
    .step-wrap ul li.ui-tabs-active a{
    background: #fdb642 !important;
}
    
    .step-wrap ul{flex-wrap: wrap;}
    .header-menu > ul > li > a, .header-menu > ul > li > span{color: #fff;width: fit-content;margin: auto;font-size: 24px;}
    .link-mob{display: flex !important;padding: 20px;justify-content: space-between;}
   .step-wrap ul li a{
    /* padding: 0 !important; */
    top: 0;
    padding: 10px 15px 58px !important;
}
    .link-mob li{}
    .link-mob li a{}
    .link-mob  li a svg{
    fill: #fff;
    width: 25px;
    height: 25px;
}
    .link-mob  li a svg *{fill: #fff !important;}
    .link-destop{display:none !important}
    .header-menu > ul > li > a:hover {
        text-decoration: none;
        color: #FDC855 !important;
        border-bottom: 2px solid #FDC855 !important;
    }
    .html-home-page .header ul > li > a{width:fit-content;    display: table;
        margin: auto;}
    .header-menu{display:none}
    .header-right{display: block;position: fixed;bottom: 0;left: 0;right: 0;background: #fdb642;box-shadow: 0px -8px 20px rgb(0 0 0 / 15%);z-index: 99999;}
    .header-menu.show{display:block;position: fixed;background: rgb(25 25 25 / 93%);left: 0;right: 0;width: 100%;bottom: 0;height: 100%;max-width: 100%;margin: 0;}
      .header-menu.show:before{contnet:"";}
    .top-menu{
    flex-wrap: wrap;
    padding-top: 100px;
}
    .top-menu li{
    background: transparent;
    display: block !important;
    width: 100% !important;
    padding: 17px 0;
}
    .top-menu li a{
    padding: 10px !important;
    min-height: 20px;
}
.mob-close{display: block;}

.mob-close{display: block;position: absolute;top: 30px;right: 30px;}
.mob-close svg{display: block;width: 35px;}
.mob-close svg *{fill:#ff9595}

    .mob-menu{display: block;}
    .mob-menu svg{display: block;width: 20px;}
    .mob-menu svg *{fill:#4A1971}
    .header-logo a img{
    margin-top: 20px;
    width: 200px;
}
    .video-wrapper{    width: 100%;}
    .article-page .button-1{margin-bottom: 30px;}

}    
    
@media all and (max-width: 992px) {
    .i-card-boxes ul li{flex: 0 0 50%;max-width: 50%;}
    .homepage-banner-logo img{
    width: 400px;
    margin-bottom: 10px;
}
    .homepage-banner-info{
    margin-left: 20px;
    font-size: 18px;
}
    .homepage-banner-info h3{
    font-size: 30px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 0;
}
    .homepage-banner-info p{
    margin-bottom: 10px;
    font-size: 18px;
}
    .homepage-banner-info a{
    font-size: 16px;
}
    .Grati-form{padding-left: 0;margin-top: 30px;}
    .Buyerseller-page .buyer-box1{padding: 50px;}
    .Buyerseller-page .buyer-box2{padding: 50px;}
    .Buyerseller-page .buyer-box2{margin-bottom: 50px !important;}
    .Grati-info h3{font-size: 32px;}


    .ui-tabs-panel[aria-hidden="false"] .step-inner{margin-top:15px}
    .step-white-box{margin-bottom: 15px;}
    .step-row{flex-direction: column;max-width: 100%;margin: auto;width:450px;box-shadow: 0 20px 30px rgb(0 0 0 / 7%);border-radius: 35px;padding: 15px;}
    .contact-page form .row{flex-direction: row-reverse;flex-wrap: wrap-reverse;}
    .contactpage   .img img{max-width: 300px;}
    .contactpage .col-lg-6 .boxx .txt{margin: 0;}
    .contact-page .form-text p{    font-size: 30px;font-weight: 800;margin: 0;}
    .contact-page .form-fields{    padding: 30px 0 !important;}
    .footer-block{z-index: 1;}
    .pricing-boxxe{margin-left: 0;  padding: 45px 50px 0;}
    .pricing-box{padding: 45px 50px 0;;}
    .section-video{margin-top:20px !important;} 
    .same-pricing-price{display: none; margin-bottom: 20px;transform: translateX(-5%) rotate(270deg);position: absolute;left: 50%;top: 45%;width: 100%;}
    .container{max-width: 98%;}
    .header-menu{display:none}
    .video-wrapper{flex-wrap: wrap;align-items: center;justify-content: center;}
    .video-info{width:100%;padding-top: 90px;margin-top: -90px;padding: 90px 2% 30px 2%;margin-left: 0;}
    .video-box{width: 250PX;height: 250PX;min-height: 250PX;min-width: 250PX;border: 20px solid #4A1971;position: relative;z-index: 999;}
    .news-list-homepage .news-item{min-width: 300px;}
    .post-title, .news-title{    font-size: 16px;line-height: 18px;padding: 10px 5px;}
    .news-list-homepage .news-body{text-align: left;padding: 0;}
    .news-list-homepage .news-items{justify-content: center;}
    .contact-box{width: 90%;padding: 10px 15px 30px;}
    .contact-box .box-txt h3{font-size: 18px;line-height:18px;}
    .icon-box-title h3{font-size: 24px;margin-bottom: 10px;}
    .section-icons{padding: 50px 0;}
    .video-info:after{display: none;}
    .login-page .new-wrapper{width: 100% !important; float: none}
    .login-page .returning-wrapper{width: 100% !important; float: none; padding: 30px;}
    .login-page .form-text h1{font-size: 30px;}
    .login-page .returning-wrapper input[type="text"], .login-page .returning-wrapper input[type="email"], .login-page .returning-wrapper input[type="password"]{width:100%}
    .login-page .form-fields .reversed label{    word-break: keep-all;
        white-space: nowrap;
    }
    

    .login-page .customer-blocks {overflow: hidden;display: flex;flex-wrap: wrap-reverse;flex-direction: column-reverse;}
    .registration-page{display: block}
    .html-registration-page{height:auto}
    .registration-page .title-text h1{font-size: 30px;}
    .registration-page .reg-text{margin:0}
    .registration-page .reg-text p{width:100%;    font-size: 13px;}
    .registration-page .reg-text .image{margin-bottom: 15px;}
    .registration-page .row{flex-direction: column-reverse;flex-wrap: wrap-reverse;}
    .footer:before{display: none}
    .article-page .content-wrapper .tittle .text h1{font-size: 35px !important;}

    /*Homepage*/
    .html-home-page .same-pricing .col-lg-6{margin: 0 auto;border-radius: 20px;box-shadow: 0 0 20px #4a1971;margin-bottom: 40px;padding-bottom: 25px;}
    .html-home-page .section-pricing .row{flex-direction: column;}
    .html-home-page .section-pricing .col-lg-4 {margin: 0 auto;}
    
    .pricing-box{padding: 45px 10px 0;}
    .pricing-box.pricing-purple{    padding: 45px 25px 0;}   
    .contactpage .boxx h2{margin-bottom: 20px;}
    .mail-text-icon svg{width: 42px !important;height: 42px;}
    

}

@media all and (max-width: 850px) {
    .homepage-banner-logo img{max-width: 250px;}
}

@media all and (max-width: 768px) {

    .rating-box{padding: 10px 15px;}
    .rating-list ul li{flex-wrap: wrap;}
    .rating-list ul li b{display: block;width: 100%;}
    .progress{width: 80%;}

    .homepage-banner-logo img{max-width: 150px;}
    .homepage-banner-info h3{margin: 0;max-width: 300px;font-size: 23px;line-height: 26px;}
    .hb-wrap{    padding-top: 30px;}
  .homepage-banner-info p{
    font-size: 13px;
    margin: 0;
    line-height: 30px;
    margin-bottom: 10px;
}
.homepage-banner-info a{
    font-size: 13px;
    padding: 10px 30px;
    margin: 0;
}
    .realized-news-grid .item h3{font-size: 18px;padding: 0 75px}
    .realized-news-grid{margin-top:20px}
    .realated-news-wrapper{padding:50px 0}
    .news-list-homepage .news-item{width:100%}
    .footer:before{display: none}
    .fl-right{margin-top: 10px;}
    .footer-block .list a{padding: 5px 0px;}
    .footer-block .list{padding-top: 0;}
    .footer-block .title{padding-bottom: 0;}
    .login-page .customer-blocks{padding:  0;}
    .registration-page form{padding:  25px;}
    .article-box3 .head br{display: none;}
   

    /*article page*/
    .article-page .nav-tabs{display: flex; flex-direction: column;}
    .article-page .nav-tabs li{margin-left: 0 !important; margin-bottom: 20px;}
    .article-page .nav-tabs .active{padding-bottom: 5px !important;}
    .article-page .button-1{margin-bottom: 15px;}
    .header-logo a img{margin: 0;}
}

@media all and (max-width:600px){
    .i-card-boxes ul li{flex: 0 0 100%;max-width: 100%;}
    .Grati-info h3{font-size: 24px;}
    .article-page .content-wrapper .tittle{align-items: flex-start !important; flex-direction: column !important; margin-bottom: 10px;}
    .homepage-banner-logo img{display: none;}
    .homepage-banner-info p{}
    .mail-text-icon svg{height: 30px;width: 30px !important;}
    
}


@media all and (max-width: 480px) {

    .homepage-banner-logo img{display: none;}
    .news-list-homepage .news-item{width:100%}
    .same-pricing-price:before{display: none}
    /* .pricing-box{border-right: 1px solid;} */

    .login-page .reg-image {display: none;}
    .login-page .new-wrapper{padding-top: 0;}

    .Buyer-box .col-lg-12 .title h1{font-size: 32px !important; margin-bottom: 0 !important;}
    .html-home-page .same-pricing{padding: 20px;}
    .section-contact .contact-icon img{max-width: 60% !important;}
    .pricing-title h3{font-size: 20px !important;}
    
}

@media all and (max-width: 450px) {
    .hb-wrap{position: static;padding: 0;transform: translate(0);}
    .homepage-banner-info{
    margin: 0;
    transform: translate(0);
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
    background: #f4a330;
    margin: 0 -20px;
    padding: 15px 20px;
}
    .homepage-banner-info h3{
    color: #4a1971;
    width: 100%;
    max-width: 100%;
}
    .homepage-banner-info p{
    color: #4a1971;
}
    .homepage-banner-info a{}
}