/*///////////// MEDIA QUERY RESPONSIVE STRAT ////////////////*/



@media only screen and (max-width:1750px) {}



@media only screen and (max-width:1580px) {}



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

    .container {

        max-width: 1140px !important;

    }



    .cmn_btn a em::after {

        top: -8px;

    }

    .counter_wrapper.counter {
        height: 100%;
    }

}



@media only screen and (max-width:1350.98px) {

    header {

        padding: 0 18px;

    }

    .faq_sec.inner_faq_sec {

        padding: 70px 0 60px;

    }

    .resource_right .cmn_title {

        margin: 0 auto 0 25px;

    }

    .project_sec {

        padding: 70px 0 50px;

    }

    .inner_banner .inner_banner_holder {

        padding: 160px 15px;

    }

    .project_sec .cmn_title.text-center.middle {

        padding-bottom: 40px;

        max-width: 1140px !important;

    }



    .ft_top h2 {

        font-size: 50px;

        max-width: 555px;

    }

    .resource_right {

        padding-right: 18px !important;

    }

    .resource_left {

        padding-left: 18px !important;

    }

    .blg_text {

        max-width: 90%;

    }

    .work_sec .acc_heading h3 {

        font-size: 30px;

        margin-bottom: 15px;

    }

    .work_sec .acc_heading {

        padding: 10px 20px;

    }

    .work_sec .acc_contents {

        padding-left: 205px;

    }

    .work_sec .acc_contents p {

        margin-bottom: 20px;

        line-height: 125%;

        font-size: 17px;

    }

    .work_sec .steps em {

        font-size: 105px;

    }

    .work_sec .steps b {

        font-size: 35px;

    }

    .about_sec {

        padding-bottom: 0;

    }

    .counter_num,
    .c_icn em {

        font-size: 46px;

    }

    .header_wrapper {

        gap: 15px 25px;

    }

    .logo {

        max-width: 180px;

    }

    .nav_and_mail .nav_sec ul li a {

        font-size: 14px;

    }

    .cmn_title h1 {

        font-size: 55px;

    }

    .alternate_sec {

        padding: 70px 0;

    }

}



@media only screen and (max-width:1199.98px) {

    .cmn_foot_sec {

        padding: 65px 0;

    }

    .alternate_content .row+.row {

        margin-top: 45px;

    }

    .nav_btn a {

        font-size: 15px;

        padding: 7px 15px;

    }

    .inner_banner .cmn_title h1 {

        margin-bottom: 10px;

    }

    .inner_banner .banner_text ol li {

        font-size: 20px;

        line-height: 30px;

    }

    .bx_up .cmn_title h4 {

        font-size: 21px;

        line-height: 30px;

    }

    .bx_up .cmn_title h4 a {

        margin-bottom: 10px;

    }

    .nav_btn {

        margin-right: 50px;

    }

    .sl_text {

        padding-top: 20px;

    }

    .cmn_title h5 {

        font-size: 20px
    }

    .custom_continer {

        padding-left: 20px;

        float: none;

        width: 100% !important;

    }

    .sl_text p {

        padding-right: 25px;

    }



    /* ------------------ HEADER RESPONSIVE START ------------------ */

    span.toggle-menu {

        width: auto;

        margin: 0;

        padding: 0;

        display: flex;

        align-items: center;

        justify-content: center;

        cursor: pointer;

        position: absolute;

        right: 15px;

        top: 50%;

        bottom: 0;

        transform: translate(0, -50%);

    }

    .toggle-menu i {

        font-size: 20px;

        margin: 0px;

        border: 2px solid var(--white);

        padding: 7px 9px;

        border-radius: 5px;

        color: var(--white);

    }

    .nav_and_mail .nav_sec {

        width: 280px;

        height: 100%;

        position: fixed;

        z-index: 999;

        top: 0;

        right: -100%;

        padding: 70px 0 0;

        background: var(--black) !important;

        display: block;

        -webkit-transition: all 0.8s ease-in-out;

        -moz-transition: all 0.8s ease-in-out;

        -o-transition: all 0.8s ease-in-out;

        transition: all 0.8s ease-in-out;



    }

    .nav_and_mail .nav_sec.slidein {

        right: 0;

        -webkit-transition: all 0.5s ease-in-out;

        -moz-transition: all 0.5s ease-in-out;

        -o-transition: all 0.5s ease-in-out;

        transition: all 0.5s ease-in-out;

    }

    .nav_and_mail .nav_sec .cls-btn {

        width: 32px;

        height: 32px;

        position: absolute;

        top: 15px;

        right: 15px;

        cursor: pointer;

        background: url(images/cross.png) no-repeat center;

    }

    .nav_and_mail .nav_sec ul {

        text-align: left;

        flex-direction: column;

        background: var(--black) !important;

        height: auto;

        gap: 0;

    }

    .nav_and_mail .nav_sec ul li ul li a:hover {

        color: var(--black) !important;

        background: var(--lime) !important;

    }

    .nav_and_mail .nav_sec ul li ul li a {

        border-radius: 0;

    }

    .nav_and_mail .nav_sec ul>li {

        display: block;

        padding-bottom: 0;

        width: 100%;

        margin: 0;

    }

    .nav_and_mail .nav_sec ul>li+li {

        margin-left: 0;

    }

    .nav_and_mail .nav_sec ul>li a {

        color: #FFF;

        padding: 10px 15px;

        font-size: 17px;

        border-radius: 0;

    }

    .nav_and_mail .nav_sec ul li a:before {

        display: none;

    }

    .nav_and_mail .nav_sec ul>li:hover>a,

    .nav_and_mail .nav_sec ul>li.active>a {

        background: var(--lime);

        color: var(--black) !important;

    }

    .nav_and_mail .nav_sec ul li {

        padding: 0px;

    }

    .nav_and_mail .nav_sec>ul>li>a:after,

    .nav_and_mail .nav_sec>ul>li>a:after {

        display: none;

    }

    .nav_and_mail .nav_sec img {

        display: inline-block;

        vertical-align: middle;

    }

    .nav_and_mail .nav_sec i {

        font-style: normal;

        color: #fff;

        line-height: 30px;

        font-size: 21px;

        font-weight: 600;

    }

    .nav_and_mail .nav_sec ul>li:hover ul {

        display: none;

    }

    .nav_and_mail .nav_sec ul>li ul {

        width: 100%;

        background: var(--white) !important;

        position: static;

        top: 100%;

        left: 0;

        text-align: left;

        display: none;

        border-radius: 0;

        padding: 0;

        transition: 0.0s;

        visibility: visible;

        opacity: 1;

        pointer-events: all;

    }

    .nav_and_mail .nav_sec ul li ul li a {

        padding: 6px 35px;

        color: var(--black);

    }

    .nav_and_mail .nav_sec ul ul>li:hover>a,

    .nav_and_mail .nav_sec ul ul>li.active>a {

        background: black;

        color: #FFF !important;

    }

    .nav_and_mail .nav_sec ul li .arw-nav {

        width: 40px;

        height: 45px;

        position: absolute;

        right: 0;

        top: -3px;

        z-index: 999;

        transform: translate(0, 0);

        cursor: pointer;

        background: url(images/arw.png) no-repeat center;

        -webkit-transition: all 0.3s ease-in-out;

        -moz-transition: all 0.3s ease-in-out;

        -o-transition: all 0.3s ease-in-out;

        transition: all 0.3s ease-in-out;



    }

    .nav_and_mail .nav_sec ul li .arw-nav.actv {

        -webkit-transform: rotate(180deg);

        -moz-transform: rotate(180deg);

        -o-transform: rotate(180deg);

        transform: rotate(180deg);

    }

    /* ------------------ HEADER RESPONSIVE END ------------------ */

}



@media only screen and (max-width:1080px) {

    .cmn_title h1 {

        font-size: 45px;

    }

    .inner_banner {

        padding: 100px 20px 35px !important;

    }

    .marque_sec_holder {

        margin-bottom: 40px;

    }

    .cmn_title h2 {

        font-size: 40px;

    }

    .cmn_title p {

        margin-bottom: 15px;

    }

    .newsletter_content {

        padding: 40px 30px;

    }

    .cmn_title h5 {

        margin-bottom: 12px;

    }

    /* debalina css start */



    .default_content h2 {

        font-size: 40px;

    }



    .default_content h3 {

        font-size: 35px;

    }



    .default_content h4 {

        font-size: 30px;

    }



    .default_content h5 {

        font-size: 25px;

    }



    .default_content h6 {

        font-size: 20px;

    }



    .contact-info {

        font-size: 18px;

        line-height: 26px;

    }



    .contact-each-box {

        gap: 15px;

    }

}



@media only screen and (max-width:991.98px) {

    .details-right-content .row>* {

        margin-bottom: 0px;

    }

    .about_sec.innner_about_sec {

        padding-top: 70px;

        padding-bottom: 40px;

    }

    .resource_sec.inner_resource_secs {

        padding-bottom: 65px;

    }

    .study_bx>* {

        flex: 1;

    }

    .alternate_content .row .cmn_title {

        text-align: center;

        margin-top: 20px;

    }

    .trust_sec {

        padding-bottom: 60px;

    }

    .team_sec {

        padding: 70px 0 50px;

    }

    .ft_contact {

        margin-bottom: 30px;

    }

    .inner_banner .inner_banner_holder {

        padding: 120px 15px;

    }

    .work_sec {

        padding-top: 40px;

    }

    .ft_links ul li {

        margin-bottom: 10px;

    }

    .ft_top {

        margin-bottom: 10px;

    }

    .study_bx:hover .bx_up,
    .study_bx:hover .bx_down {

        transform: unset;

    }

    .ft_top h2 {

        font-size: 40px;

    }

    .faq_sec .flt_img img {

        left: auto;

        bottom: 0;

        width: 150px;

        transform: rotateY(-180deg);

        right: 0;

    }

    .faq_sec .cmn_title {

        max-width: unset;

        padding-bottom: 20px;

    }

    .faq_sec .acc_heading::before {

        top: 19px;

    }

    .banner .cmn_title h5 em {

        padding-left: 60px;

    }

    .about_sec {

        padding-bottom: 20px;

    }

    .work_sec .acc_heading h3 {

        font-size: 25px;

    }

    .resource_left .cmn_title {

        max-width: unset;

        margin: 0px 25px 0 auto;

    }

    .resource_right .cmn_title {

        max-width: unset;

        margin: 0 auto 0 20px;

    }

    .work_sec .acc_heading p {

        font-size: 16px;

    }

    .work_sec .acc_contents {

        padding-left: 173px;

    }

    .work_sec .steps b {

        font-size: 30px;

    }

    .work_sec .steps em {

        font-size: 90px;

    }

    .work_sec .steps {

        min-width: 130px;

    }

    .banner {

        padding: 115px 0 60px;

    }

    .banner_slider .slick-dots {

        position: relative;

        margin-bottom: 50px;

    }

    .counter_wrapper.counter {

        flex-direction: row;

        gap: 20px;

    }

    .count_part {

        max-width: 550px;

        margin: 0 auto;

    }



    .counter_sec p {

        margin-bottom: 0;

    }

    .marque_sec {

        padding: 20px 0;

    }

    .bg_back {

        top: 30px;

    }

    /* debalina css start */



    .inner_resource_sec,

    .inner-sell-sec,

    .blog_sec.inner_blog_sec,

    .inner_common_sec {

        padding: 70px 0;

    }



    .custom-ul-listing ul li {

        font-size: 16px;

        line-height: 24px;

    }



    .inner_resource_sec_holder+.inner_resource_sec_holder {

        margin-top: 70px;

    }



    .details-right-content {

        margin-top: 30px;

    }



    .recent-post {

        margin: 15px 0;

    }

}



@media only screen and (max-width:840px) {

    .cmn_title h2 {

        font-size: 30px;

        line-height: 120%;

    }

    .cmn_title h5 em:after {

        top: 8px;

    }

    .work_sec {

        padding: 50px 0 75px;

    }

    .alternate_sec {

        padding: 60px 0 30px;

    }

    /* debalina css start */



    .free-consulation-form .cmn_title h2 {

        font-size: 22px;

    }



    .default_content h2 {

        font-size: 30px;

    }



    .default_content h3 {

        font-size: 26px;

    }



    .default_content h4 {

        font-size: 22px;

    }



    .default_content h5 {

        font-size: 20px;

    }



    .default_content h6 {

        font-size: 18px;

    }

}



@media only screen and (max-width:767.98px) {

    .alternate_content .row+.row {

        margin-top: 30px;

    }

    .project_sec {

        padding: 60px 0 32px;

    }

    .custom_row>* {

        margin-bottom: 0px;

    }

    .alternate_content .row .cmn_title {

        margin-top: 5px;

    }

    .cmn_title h5 {

        font-size: 18px;

    }

    .cmn_holder {

        justify-content: center;

        gap: 25px;

        flex-direction: column;

        text-align: center;

    }

    .trust_img {

        padding-top: 30px;

    }

    .faq_sec .black_ver.cmn_btn {

        text-align: left;

    }

    .resource_right .cmn_btn,
    .resource_left .cmn_btn {

        text-align: left;

    }

    .blg_text {

        margin-top: -30px;

    }

    .blog_sec {

        padding: 20px 15px 75px;

    }

    .sl_text p {

        padding-right: 30px;

        max-width: unset;

    }

    .seller_sec {

        padding-top: 70px;

    }

    .selling_offer_left .cmn_btn.black_ver,
    .cmn_btn {

        text-align: center;

    }

    .sell_text h4 {

        font-size: 19px;

    }

    .sell_text p {

        line-height: 120%;

    }

    .seller_infos {

        padding-bottom: 40px;

        padding-right: 20px;

    }

    .cmn_title h5 em {

        padding-left: 60px;

    }

    .cmn_title h1 {

        font-size: 40px;

    }

    .circle_text:after {

        left: 0;

    }

    /* debalina css start */



    .inner_resource_sec,

    .inner-sell-sec,

    .blog_sec.inner_blog_sec,

    .inner_common_sec {

        padding: 50px 0;

    }



    .inner_resource_sec_holder+.inner_resource_sec_holder {

        margin-top: 30px;

    }



    .inner_resource_sec_holder .trust_img {

        padding-top: 0;

        padding-bottom: 30px;

    }



    .aligncenter {

        margin: 20px auto;

    }



    .alignleft,

    .alignright {

        float: none;

        margin: 20px auto;

        border-radius: 30px;

    }



    .inner-contact-left {

        max-width: 450px;

        margin: 0 auto 30px;

    }



    .inner-contact-right iframe {

        height: 400px !important;

    }

}



@media only screen and (max-width:680.98px) {

    .work_sec .steps em {

        font-size: 80px;

    }

    .ft_links ul li {

        width: 48%;

        padding-right: 10px;

    }

    .ft_top h2 {

        font-size: 33px;

    }

    .resource_right .cmn_btn,
    .resource_left .cmn_btn {

        padding-top: 5px;

    }

    .newsletter_content {

        margin-top: 30px;

    }

    .resource_sec {

        flex-direction: column;

    }

    .resource_left .cmn_title,
    .resource_right .cmn_title {

        margin: 0;

    }

    .resource_sec>* {

        width: 100%;

        padding: 55px 18px !important;

    }

    .work_sec .steps {

        min-width: 110px;

    }

    .work_sec .acc_heading h3 {

        font-size: 22px;

    }

    .work_sec .acc_contents {

        padding-left: 30px;

    }

    .work_sec .acc_heading {

        padding: 20px;

        flex-direction: column;

        text-align: center;

    }

}



@media only screen and (max-width:575.98px) {

    .cmn_btn a b {

        padding: 10px 15px;

        font-size: 13px;

    }

    .faq_sec.inner_faq_sec {

        padding: 60px 0 50px;

    }

    .cmn_title h2 {

        margin-bottom: 12px;

    }

    .cmn_foot_sec .cmn_holder .cmn_btn a em::after {

        top: -3px;

    }

    .team_sec {

        padding: 70px 0 45px;

    }

    .team_sec::after {

        height: 80%;

    }

    .inner_banner .inner_banner_holder .banner_text {

        text-align: center;

    }

    .inner_banner .banner_text ol li {

        font-size: 18px;

        line-height: 27px;

    }

    .inner_banner .banner_text ol {

        justify-content: center;

    }

    .inner_banner .inner_banner_holder {

        padding: 85px 15px;

    }

    .ft_top .ft_circle {

        transform: scale(0.7);

        margin-right: -20px;

    }

    .resource_sec .cmn_btn.green_ver a em::before {

        bottom: -9px;

    }

    .resource_sec .cmn_btn.green_ver a em::after {

        top: -2.5px;

    }

    .faq_sec .black_ver.cmn_btn a em::before {

        bottom: -9px;

    }

    .faq_sec .black_ver.cmn_btn a em::after {

        top: -3px;

    }

    .faq_sec .acc_heading {

        gap: 20px;

    }

    .faq_sec .acc_contents {

        padding-left: 0;

    }

    .faq_sec .acc_heading h4 {

        font-size: 20px;

        line-height: 27px;

    }

    .bx_up .cmn_title h4 {

        font-size: 20px;

        line-height: 26px;

    }

    .bx_up {

        padding: 20px 15px 10px;

        padding-top: 70px;

    }

    .bx_down {

        padding: 20px 15px;

    }

    .custom_continer ul li {

        gap: 15px;

        padding: 20px 15px;

    }

    .cmn_btn a em::before {

        bottom: -10px;

    }

    .cmn_btn a em::after {

        top: -3px;

    }

    .black_ver.cmn_btn a em::before {

        bottom: -9px;

    }

    .cmn_btn a {

        padding: 2px 4px;

    }

    header {

        padding: 0 13px;

    }

    .counter_num,
    .c_icn em {

        font-size: 40px;

    }

    .counter_sec p {

        font-size: 14px;

    }

    .bn_img img,
    .banner_slider .slick-list.draggable {

        border-radius: 15px;

    }

    .banner .circle_text {

        transform: scale(0.6);

        position: absolute;

        right: 0;

        top: -55px;

    }

    .banner_text {

        padding-top: 25px;

    }

    .cmn_title h5 {

        font-size: 17px;

    }

    .cmn_title h5 em {

        padding-left: 50px;

    }

    .cmn_title h1 {

        font-size: 35px;

    }

    .counter_row {

        margin-top: 40px !important;

    }

    .banner_slider .slick-dots li,
    .blog_slider .slick-dots li,
    .study_slider .slick-dots li {

        width: 13px;

        height: 7px;

    }

    .big_img {

        width: 340px;

        height: 480px;

    }

    .small_img {

        width: 225px;

        height: 330px;

    }

    .sm_icn {

        left: -30px;

        bottom: 80px;

        max-width: 150px;

    }

    /* debalina css start */



    .custom-form-control,

    .file-upload-box {

        padding: 15px 35px 15px 20px;

        background-position: right 18px center;

        border-radius: 10px;

    }



    .custom-form-wrapper {

        margin-bottom: 20px;

    }



    .file-icon {

        margin-right: -18px;

    }



    .free-consulation-form {

        padding: 34px 20px;

    }



    .search-wrapper input[type=submit] {

        min-width: 80px;

        font-size: 13px;

    }



    .search-wrapper .custom-form-control {

        padding-right: 90px;

    }



    .inner-contact-right iframe {

        height: 300px !important;

    }



    .contact-icon {

        min-width: 42px;

        min-height: 42px;

    }



    .contact-icon svg {

        height: 20px;

        width: 20px;

    }

}



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

    .faq_sec .acc_heading em {

        font-size: 35px;

    }

    .faq_sec .acc_heading::before {

        border-radius: 10px;

        width: 30px;

        height: 30px;

        background-size: 100% 100%;

    }

    .faq_sec .acc_heading {

        padding-right: 40px;

        align-items: flex-start;

    }

    .faq_sec .acc_heading h4 {

        font-size: 18px;

        line-height: 25px;

    }



    .logo {

        max-width: 165px;

    }

    .cmn_title h2 {

        font-size: 28px;

    }

    .banner .circle_text {

        right: -15px;

        top: -70px;

    }

    .toggle-menu i {

        font-size: 16px;

        padding: 6px 8px;

    }

    .nav_btn a {

        font-size: 13px;

        padding: 6px 10px;

    }

    .nav_btn {

        margin-right: 45px;

    }

    .header_wrapper {

        gap: 10px;

    }

    .counter_num,
    .c_icn em {

        font-size: 37px;

    }

    .vision_title h3 {

        font-size: 22px;

    }

    .newsletter_content {

        padding: 40px 0;

    }

    /* debalina css start */

    .default_content h2 {

        font-size: 28px;

    }



    .default_content h3 {

        font-size: 24px;

    }

}



@media only screen and (max-width:450px) {

    .resource_sec>* {

        padding: 40px 18px !important;

    }

    .banner .circle_text {

        right: -15px;

        top: -87px;

    }

    .banner {

        padding: 135px 0 60px;

    }

    footer {

        padding: 30px 0 20px;

    }

    .ft_mddle {

        padding-bottom: 25px;

    }

}



@media only screen and (max-width:420px) {

    .logo {

        max-width: 130px;

    }

    .big_img {

        width: 255px;

        height: 400px;

    }

    .big_img:after {

        left: 35px;

    }

    .small_img {

        width: 170px;

        height: 250px;

        bottom: 70px;

    }

    .ft_top {

        gap: 0px;

    }

}



@media only screen and (max-width:380px) {

    .faq_sec .flt_img img {

        width: 115px;

        right: -10px;

    }

    .ft_top .ft_circle {

        transform: scale(0.6);

        margin-left: -15px;

    }

}



/*///////////// MEDIA QUERY RESPONSIVE END ////////////////*/