@media (max-width:1024px){
    .header-border .btn-icon span{font-size: 16px;}
    header .container {
        padding: 0 35px;
    }
    header .row .col-md-3:nth-child(2) .header-border{justify-content: end;}
    .banner-content .banner-title{font-size: 40px;}
    .title {
        font-size: 22px;
    }
    .contact-form {
        border-radius: 20px;
        padding: 25px 25px;
    }
    .form-box label {
        font-size: 13px;
    }
    .form-box .checkboxes label {
        width: 40%;
    }
    .contact-form input[type="radio"] {
        width: 15px;
        height: 18px;
    }
    .form-box {margin-bottom: 10px;} .e-form__buttons button{font-size: 13px;}
    .site-button a {
        font-size: 14px;
        padding: 10px 25px 10px 25px;
    }
    .work_box .box-title p{font-size: 20px;}
    .work_box p{font-size: 15px;}
    .web-design .section-heading h2{text-align: center;}
    .section-heading h2{font-size: 32px;}
    .section-heading p{font-size: 18px;}
    P{font-size: 16px;}
    .consult_image {
        padding-left: 20px;
    }
    .personality p, .review-content p, .accent-btn a {
       font-size: 16px;
    }
    .personality .name {
        font-size: 25px;
    }
    .big-size .heading_title, .WebDesign .top-panel h3, .form-all-box p.title, .faq-block .title h2 {
        font-size: 38px;
    }
    .review-content p:first-child{font-size: 17px;}
    .review-rating img {
        width: 40%!important;
    }
    .let-talk .title h3{font-size: 40px;}
    .footer_section-heading p{font-size: 50px;}
    
}
@media(min-width:992px){
    .mobile-menu-bar{display: none;}
    .mobile-sec{display: none;}
}
@media (max-width:768px){
    nav{position: fixed; width: 0%; left: 0; top: 0; background-color: #0e2e64; padding: 25px; height: 100vh; overflow-y: scroll;
z-index: 10; transition: all 0.3s ease-in; transform: translateX(-100px);}
    nav ul{flex-direction: column;}
    nav ul li{padding: 10px; border-bottom: 1px solid #ffffff9d;}
    nav ul li a{font-size: 16px; font-weight: 400;}
    header .site-logo img {
        width: 95%;
    }
    .header-border {
        border-right: none;
    }
    .banner-content .banner-title {
        font-size: 30px;
    }
    .banner-content p {
        width: 95%;
        max-width: 95%;
        font-size: 15px;
    }
    .review-content p, .accent-btn a {
       font-size: 15px;
    }
    .contact-form {
       max-width: 100%;
    }
    .contact-form input[type="checkbox"] {
        width: 17px;
        height: 17px;
    }
    .form-box .checkboxes {
        gap: 5px;
    }
    header .container {
        padding: 0 10px;
    }
    .work_box {
        min-height: 250px;
    }
    .section-heading p {
        font-size: 16px;
    }
    .consult_image {
        padding-left: 0;
    }
    .imageBox {
        height: 350px;
    }
    .section-heading h2, .consultant-details .section-heading h2, .faq-block .title h2 {
    font-size: 28px;
    line-height: 35px;
    margin-bottom: 5px;
    }
    .consultent ul li:after{width:22px; height:22px;}
    .consultent ul li{padding-left: 23px;}
    .consultent ul {
    margin-top: 15px;
}.site-button a {
    padding: 10px 20px 10px 20px;
}
.client-video {
    padding: 50px 10px;
}
.let-talk, .web-consultant {
    padding: 60px 0;
}
.web-consultant{padding-bottom: 45px;}
.talk-to-us .btn-icon.btn-gradient span{font-size: 15px; padding: 5px;}
.WebDesign .items .text-panel h3{margin-bottom: 15px; font-size: 18px;}
.WebDesign .items .box{height:465px;}
.form-all-box .contact-form{padding: 45px 35px; width:90%}
.form-all-box .form-box label{font-size: 15px;}
.form-all-box .checkboxes label{font-size: 14px;}
.form-all-box .form-box .checkboxes label {
    width: 45%;
}
.header-border .btn-icon span{padding: 0.4rem 1.5rem!important;}
nav.menuHeader{width: 100%; transform: translateX(0);}
header .col-md-6 .header-border{justify-content: end;}
.footer_section-heading p {
    font-size: 39px;
    line-height: 1.2;
}
.footer-link-box ul li{margin: 5px 0;}
.footer-link-box ul li a{font-size: 14px;}
.page-link-footer {
    justify-content: start;
}
.page-link-footer ul{width:40%;}
.flex-li ul{width: 80%;}
.horizon-link ul li a, .powered p{font-size: 15px;}
.powered p {margin-top: 10px;}
.imageBox {
    width: 50%;
    margin: auto;
    height:450px;
}
.consultant-details {
    padding-right: 0;
}
.WebDesign {
    padding: 50px 0 60px;
}
.middle_padding {
    padding: 0;
}
}
@media (max-width:767px){
    footer{padding: 35px 0 25px;}
    .button-sec{display: none;}
    header .row .col:first-child{width:60%;}
    .header-border {
        min-height: auto;
        padding: 10px 0;
    }
    header .row .col:last-child{flex: 0.5 0 0%;}
    .banner-content{text-align: center;}
    .banner-content .banner-title {
        font-size: 27px;
    }
    .banner-content p {
        width: 100%;
        max-width: 100%;
        font-size: 15px;
        text-align: center;
    }
    .accent-btn a {
        font-size: 12px;
    }
    .review-content p{font-size: 14px; line-height: 1.2;}
    .site-button {
       gap: 5px;
    }
    .w-button{width:45%}
    .banner-form {
        padding-left: 0;
    }
    .work_box {
        min-height: auto;
        padding: 22px 20px;
    }
    .work_box .icon_work img {
    width: 55px;
}
.section-heading h2, .consultant-details .section-heading h2, .faq-block .title h2 {
    font-size: 25px;
    line-height: 32px;
}
.let-talk, .web-consultant {
    padding: 35px 0;
}
.consultent h3{font-size: 21px; line-height: 26px;}
.consultent ul li:after{width: 18px; height: 18px;}
.site-button a {
    padding: 7px 12px 7px 12px;
}
.consultant-details .site-button{justify-content: center;}
.imageBox {
    width: 100%;
    height: 350px;
}
.big-size .heading_title, .WebDesign .top-panel h3, .form-all-box p.title {
    font-size: 30px;
    line-height: 1.1;
}
.client-review .heading_title{text-align: center;}
.client-review .site-button {
    justify-content: center;
}
.client-review .headeing_sec .row .col-md-6{margin-top: 5px;}
.review_box {
    padding: 25px 18px;
    min-height: 320px;
}
.let-talk .title h3 {
    font-size: 30px;
    line-height: 1.3;
    margin-bottom: 20px;
}
.WebDesign .items .box {
    height: auto; border-radius: 15px; padding: 30px 18px;
}
.WebDesign .list ul li{font-size: 14px;}
.WebDesign .items .icon-panel img {
    width: 60px;
}
.WebDesign {
    padding: 50px 0 30px;
}
.faq-block .accordion .box h4{font-size: 15px;}
.faq-block .accordion .box .accordion-desc p {
    font-size: 14px;
}
.talk-to-us .top-panel{padding-left: 10px;}
.talk-to-us .top-panel h4{font-size: 30px; line-height: 1.2;}
.talk-to-us .top-panel h3{font-size: 23px; line-height: 1.2; margin-top: 12px;}
.talk-to-us .top-panel p{font-size: 14px;}
.faq-block {
    padding: 50px 0;
    position: relative;
}
.talk-to-us .text-panel .img-panel {
    margin-left: 0;
    position: absolute;
    bottom: 0;
}
.talk-to-us .top-panel{margin-bottom: 0;}
.talk-to-us .btn-icon.btn-gradient{width:auto; min-width:auto;}
.contact-block .contact-form {
    border-radius: 25px;
    outline-offset: 10px;
}
.form-all-box p.title{font-size: 25px;}
.form-all-box .contact-form {
    padding: 35px 15px;
    width: 95%;
}
.form-all-box .form-box label {
    font-size: 13px;
}
.form-all-box .form-box .checkboxes label {
    width: 90%;
}
.footer_section-heading p span:first-child{padding-left: 0;}
.footer_section-heading p {
    font-size: 25px;
    line-height: 1.3;
}
.footer-link-box p{line-height: 1.5; font-size: 19px;}
.page-link-footer ul {
    width: 100%;
    margin-bottom: 0;
}
.page-link-footer{flex-wrap: wrap; gap: 0;}
.image-link-box ul li {
    width: 30%;
}
.image-link-box ul li:nth-child(2) {
    width: 26%;
}
.image-link-box ul {
    gap: 15px;
    margin-top: 10px;
}
.horizon-link {
    gap: 10px;
    flex-direction: column;
    align-items: center;
}
.horizon-link ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.horizon-link ul a{line-height: 1.3;}
.horizon-link ul li a, .powered p {
    font-size: 12px;
}
.horizon-link ul{margin-bottom: 0;}
.mobile-sec .site-logo {
    width: 65%;
}
}



/* anup responsive for process section start here  */
@media screen and (max-width:1199px){
    .our-progress .progress-box .box:nth-child(2) {
    margin-top: -80px;
    margin-left: -95px;
}
    .our-progress .progress-box .box:nth-child(3) {
    margin-top: 80px;
    margin-left: 50px;
}
.our-progress .progress-box .box:nth-child(4) {
    margin-left: 65px;
}
    .our-progress .progress-box .box:nth-child(5) {
    margin-left: -90px;
}
}
 
@media screen and (max-width:991px){
    .curcle-img {
    display:none;
}
    .our-progress .progress-box .box:nth-child(1),
    .our-progress .progress-box .box:nth-child(2),
    .our-progress .progress-box .box:nth-child(3),
    .our-progress .progress-box .box:nth-child(4),
    .our-progress .progress-box .box:nth-child(5),
    .our-progress .progress-box .box:nth-child(6) {
    margin: 0;
        display:block;
        text-align:center !important;
}
    .our-progress .progress-box .box {
    width: 45%;
        margin-bottom:60px !important;
}
    .our-progress {
    padding: 60px 0 0;
}
    .our-progress .title h3 {
    padding-bottom: 60px;
}
    .our-progress .progress-box .box:nth-child(4) .icon-panel,
    .our-progress .progress-box .box:nth-child(2) .icon-panel {
    margin: 0 auto;
}
 
    .our-progress .progress-box {
    justify-content: center;
}
    
}
 
@media screen and (max-width:767px){
    .our-progress {
    padding: 40px 0 10px;
}
    .our-progress .title h3 {
    font-size: 32px;
}
    .our-progress .progress-box {
    display: block;
}
    .our-progress .progress-box .box {
    width: 100%;
}
    .our-progress .progress-box .box .icon-panel {
    margin: 0 auto !important;
}
    .our-progress .progress-box .box {
    margin-bottom: 45px !important;
}
    
    .our-progress .progress-box .box:nth-child(1) .icon-panel{
        transform: rotate(217deg);
    }
    
    .our-progress .progress-box .box:nth-child(2) .icon-panel{
        transform: rotate(240deg);
    }
    
    .our-progress .progress-box .box:nth-child(3) .icon-panel{
        transform: rotate(270deg);
    }
    
    .our-progress .progress-box .box:nth-child(4) .icon-panel{
        transform: rotate(300deg);
    }
    
    .our-progress .progress-box .box:nth-child(5) .icon-panel{
        transform: rotate(329deg);
    }
    .our-progress .progress-box .box:nth-child(3) .text-panel h3 {
    padding-top: 15px;
}

    
}