/* For Tablet and Mobile */
@media screen and (max-width: 933px){
    .nav-sub-menu::before,.nav-sub-menu::after,.popular-services-container,.about-right-container{display: none}
    .nav-item,.nav-item > a,.nav-sub-menu,.about-left-container{width: 100%}
    #menu-icon{display: inline-block}
    .nav-shadow{top: 54px}
    #menu-icon{
        display: inline-block;
        width: 22px;
        height: 25px;
        float: left;
        margin-top: 6.5px;
        margin-right: 15px}
    #menu-icon span{
        display: inline-block;
        width: 22px;
        height: 3px;
        float: left;
        margin-bottom: 8px;
        background-color: var(--secondary-color);
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        transform-origin: left}
    #menu-icon span,.close-offcanvas,.nav-container{
        -webkit-transition: all .35s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out}
    #menu-icon.open span{width: 31px}
    #menu-icon.open span:first-child{
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)}
    #menu-icon.open span:last-child{
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)}
    #menu-icon.open span:nth-child(2n){opacity: 0}
    .close-offcanvas,.nav-container{
        position: fixed;
        top: 58px;
        z-index: 980;
        height: calc(100vh - 58px);
        padding-left: 0}
    .close-offcanvas{
        left: -100%;
        display: block;
        width: 100%;
        background-color: rgba(0,0,0,0.7)}
    .nav-container.open,.close-offcanvas.open{left: 0}
    .nav-wrapper{
        height: 100%;
        overflow-y: auto}
    .nav-item > a{padding: 15px 35px 10px 0px}
    .nav-item > a::after{
        content: '';
        position: absolute;
        top: 11px;
        right: 11px;
        display: block;
        width: 18px;
        height: 18px;
        background-image: url('../images/icons/chevron-down.svg');
        background-size: 100%;
        background-position: center}
    .nav-item:last-child > a::after{display: none}
    .nav-sub-menu{
        position: initial;
        display: none;
        float: left;
        opacity: 1;
        visibility: visible;
        padding: 0 0 0 25px;
        border-radius: 0;
        border: none;
        box-shadow: none}
    .nav-sub-menu li a{padding-left: 0}
    .nav-item > a.open::after{transform: scaleY(-1)}
    .why-choose-us-process,.packages-container{margin-top: 0}
    .process-icon::before{
        transform: rotate(45deg);
        background-color: var(--white-color);
        border-color: var(--primary-color)}
    .process-icon::after{border-color: var(--secondary-color)}
    .process-title{margin-top: 20px}
    .document-wrapper h5{
        top: 0;
        transform: translateY(0)}
    .document-wrapper p{
        color: var(--text-color);
        opacity: 1}
    .footer-social li a{background-color: var(--white-color)}
    .floating-content-container .close-floating-content{
        top: -21px;
        visibility: visible;
        opacity: 1}
    .company-search-section{min-height: auto}
    .company-search-section{padding-bottom: 80px}
    .table-container,.work-processes-section .container{max-width: 100%}
    span.close-modal{
        color: var(--white-color);
        background-color: var(--error-color)}
}

/* For Tablet View */
@media screen and (min-width:641px) and (max-width:933px){
    header{padding: 11px 35px}
    .nav-container{
        width: 60%;
        left: -60%}
    .nav-wrapper{padding: 20px 0 20px 40px}
    section,section.content-section{padding: 50px 35px}
    .home-slide-container{padding: 50px 35px 65px}
    .home-slider.slick-dotted .slick-dots{bottom: 15px}
    .home-section .home-content{width: 60%}
    .why-choose-us-process{
        width: calc(100% + 40px);
        margin-top: 20px;
        margin-left: -20px;
        overflow: hidden}
    .process-container{
        width: 50%;
        padding: 0 10px;
        margin-top: 10px;
        margin-bottom: 10px}
    .about-section,.end-report-section{padding-top: 80px}
    .about-image-container::before{
        top: -50px;
        width: 100px;
        height: 100px}
    .about-image-container img{
        width: calc(100% - 100px);
        margin-left: 50px}
    .title{
        font-size: 36px;
        padding-bottom: 25px}
    .counts-section-wrapper{
        width: calc(70% + 40px);
        padding: 25px;
        margin-left: -20px}
    .package-image{padding: 20px 0}
    .package-services-container{padding-left: 20px}
    .packages-container.image-right .package-services-container{
        padding-left: 0;
        padding-right: 20px}
    .testimonials-container{
        width: calc(100% + 70px);
        margin-left: -35px}
    .testimonial-content-wrapper{margin: 0 20px}
    .testimonial-slider .slick-prev,.testimonial-slider .slick-next{width: 10%}

    /* Services */
    .service-header-content{
        width: calc(100% - 350px);
        min-height: 260px;
        padding-right: 35px}
    .service-form-container{
        top: 60px;
        right: 35px;
        width: 350px;
        padding: 25px}
    .advantage-section,.disadvantage-section{padding: 50px 30px}
    .document-container{width: calc(100% / 3)}
    .contact-container{width: calc(100% - 70px)}
    .about-container{margin-top: 20px}
    .about-left-container{padding: 30px}
    .member-container{width: 50%}
    .blogs-more-container{padding-top: 30px}

    .enquiry-item-container,.enquiry-save-data,.services-goods-container,.hsn-sac-container .suggestions-input-container,
    .gst-result-container,.company-search-container,.company-result-container,.company-no-results,.company-main-details,
    .company-detail-container,.company-details-note{padding: 25px}
    .hsn-container,.sac-container,.gst-result-rate,.gst-result-code{width: calc(50% - 15px)}
    .sac-container,.gst-result-code{margin-left: 30px}
    .company-result-data-wrapper + .company-result-data-wrapper{text-align: right}
    .thank-you-foot{margin-top: 30px}

    footer{padding: 50px 35px 0px}
    .footer-container{
        display: flex;
        flex-wrap: wrap}
    .footer-column{
        width: calc(50% - 15px);
        padding-left: 0;
        margin-left: 30px;
        margin-bottom: 30px}
    .footer-column:nth-child(odd){
        padding-left: 0;
        margin-left: 0}
    .footer-title{margin-bottom: 15px}
    .copyright{margin: 0 0 15px}
}

/* For mobile View */
@media screen and (max-width:640px){
    .nav-links{display: none}
    .nav-container,.nav-search-container input,.home-section .home-content,.process-container,
    .about-image-container,.about-content,.counts-section-wrapper,.count-container,.package-container,
    .package-image,.package-services-container,.packages-service-container,.blog-container,.contact-info,
    .service-header-content,.service-form-container,.ad-disadvantage-section .advantage-section,
    .ad-disadvantage-section .disadvantage-section,.document-container,.contact-form-container,
    .contact-details-container,.work-process-container,.work-processes-container.grid-3x .work-process-container,
    .member-container,.hsn-container,.sac-container,.gst-result-rate,.gst-result-code,.company-results-container,
    .company-results-banner,.company-result-data-wrapper,.company-details-container,.company-detail-value,
    .footer-column,.subscribe-container .modal-body{width: 100%}
    button,.button,.expert-link,.company-result-description,.company-main-details p,
    .company-details-note,.number-title-list li,.dotted-title-list li,.number-list li,.dotted-list li,.title-list li,
    .advantage-title-list li,.list-content,.faq-body,.enquiry-form-foot span{font-size: 14px}
    header{padding: 11px 15px}
    .nav-logo{margin-top: 4px}
    .nav-logo img{height: 30px}
    .nav-container{left: -100%}
    .nav-wrapper{
        height: calc(100% - 54px);
        padding: 0 15px}
    .nav-item > a{padding: 15px 15px 10px 0px}
    .nav-sub-menu{padding: 0 0 0 15px}
    .nav-more{
        display: flex;
        flex: 1;
        position: absolute;
        left: 0;
        bottom: 0}
    .nav-more::before{
        content: "";
        position: absolute;
        top: 12px;
        left: 50%;
        width: 2px;
        height: 30px;
        margin-left: -1px;
        background-color: var(--border-color)}
    .nav-more a{
        flex-basis: 100%;
        display: inline-block;
        color: var(--text-color);
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        line-height: 1;
        padding: 20px 15px}
    .nav-more a:last-child{color: var(--primary-color)}
    .nav-search-container.show{width: calc(100% - 76px)}
    p{
        font-size: 14px;
        margin-bottom: 20px}
    section,section.content-section,.advantage-section,.disadvantage-section,.contact-form-container,
    .contact-details-wrapper{padding: 40px 15px}
    .service-header-section{
        min-height: auto;
        padding-top: 50px}
    .home-slide-container{
        min-height: 350px;
        padding: 40px 15px 50px}
    .home-slider.slick-dotted .slick-dots{bottom: 10px}
    .title,.contact-form-container .secondary-title{
        font-size: 24px;
        padding-bottom: 20px}
    .secondary-title{
        font-size: 16px;
        padding-bottom: 15px}
    .process-container,.about-content,.testimonials-container,.blogs-container,.expert-link,.footer-social{margin-top: 20px}
    .process-wrapper{padding: 20px 15px}
    .process-title,.count-container h4,.member-name,.work-process-container h2,.package-service-title{
        font-size: 16px;
        margin-bottom: 5px}
    .about-section,.end-report-section{padding-top: 70px}
    .about-image-container::before{
        top: -40px;
        width: 80px;
        height: 80px}
    .about-image-container img{
        width: calc(100% - 40px);
        margin-left: 40px}
    .counts-section{
        background-position: center;
        background-size: contain}
    .counts-section-wrapper{
        text-align: center;
        padding: 25px 15px;
        margin-left: 0}
    .count-container{margin-bottom: 40px}
    .count-container:last-child,.count-icon{margin-bottom: 0px}
    .package-image{padding-top: 0}
    .testimonials-container{
        width: calc(100% + 30px);
        margin-left: -15px}
    .testimonial-content-wrapper{margin: 0 15px}
    .testimonial-content p,.query-container .white-outline-button,.service-header-content p,
    .gst-result-rate span,.gst-result-code span,.testimonial-by h2,.subscribe-form h5{font-size: 16px}
    .testimonial-content p{margin-bottom: 30px}
    .testimonial-image{
        width: 72px;
        height: 72px;
        padding: 6px}
    .blog-container,.footer-column{margin-bottom: 15px}
    .blog-container:last-child,.contact-info:last-child{margin-bottom: 0}
    .contact-info img{
        width: 60px;
        height: 60px;
        margin-bottom: 15px}
    .contact-info{margin-bottom: 30px}
    .contact-info a,.contact-detail a,.footer-column > li > a{word-break: break-word}
    .about-container{margin-top: 10px}
    .about-left-container{padding: 20px}
    .members-container{margin-top: -10px}
    .member-container{padding-top: 15px}
    .member-wrapper{padding: 20px 15px}
    .member-wrapper img{margin-bottom: 5px}
    .content-container + .secondary-title,.price-table-container + .secondary-title,
    .dotted-list + .secondary-title{margin-top: 20px}
    .service-header-content p + .number-list,.content-container + .number-list,.content-container + .dotted-list,
    .content-container + .title-list,.content-container + .number-title-list,.advantage-title-list + .content-container,
    .number-list + .content-container,.documents-section .content-container,.faq-body .dotted-list,.faq-body .number-list,
    .dotted-list + .content-container,.list-content .dotted-list,.content-container + .data-table-container,
    .number-title-list + .content-container,.number-list + .data-table-container,.price-table-container + .content-container,
    .data-table-container + .content-container{margin-top: 15px}
    .list-title{font-size: 15px}
    .testimonial-image,.member-pic{padding: 2px}
    .blogs-more-container{padding-top: 15px}
    .number-title-list li,.number-list li,.dotted-title-list li,.dotted-list li,.title-list li,
    .advantage-title-list li{margin-bottom: 10px}
    .content-container .dotted-list,.content-container .number-list{padding-left: 30px}

    /* Service */
    .service-header-section{padding-bottom: 0}
    .service-header-content{
        min-height: auto;
        padding: 0;
        margin-bottom: 15px}
    .service-form-container{
        position: relative;
        top: auto;
        right: auto;
        padding: 20px 15px;
        margin-bottom: -30px}
    .document-container{margin-top: 15px}
    .documents-container + .secondary-title{margin-top: 40px}
    .documents-container + p,.faq-container + p{margin-top: 20px}
    .contact-wrapper{
        padding-bottom: 0;
        margin-top: 0}
    .contact-details-wrapper, .contact-form-container{
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none}
    .contact-details-container{
        order: 2;
        padding: 0}
    .contact-form-container{
        order: 1;
        margin-left: 0}
    .faq-wrapper{margin-bottom: 10px}
    .faq-head{
        font-size: 16px;
        padding: 10px 35px 10px 15px}
    .faq-head::before{
        right: 10px;
        width: 18px}
    .faq-head::after{
        right: 17.5px;
        height: 18px}
    .work-process-container{margin-top: 46px}
    .work-process-container:first-child{margin-top: 0px}
    .work-process-container::before,.work-processes-container.grid-3x .work-process-container::before{
        top: -35px;
        right: calc(50% - 1px);
        width: 0;
        height: 35px;
        border-bottom: none;
        border-left: 2px dashed var(--primary-dark-color)}
    .enquiry-hint-icon{width: 35px}
    .enquiry-hint-content{
        width: calc(100% - 35px);
        padding: 5px 10px;
        font-size: 14px}
    .enquiry-item-container,.enquiry-save-data,.services-goods-container,.hsn-sac-container .suggestions-input-container,
    .gst-result-container,.company-search-container,.company-result-container,.company-no-results,.company-main-details,
    .company-detail-container,.company-details-note{padding: 15px}
    .enquiry-item-container,.enquiry-save-data.submitted-note{margin-bottom: 15px}
    .enquiry-document-container{width: 50%}
    .services-goods-container select,.company-search-container button{width: 100px}
    .services-goods-container .suggestions-input-container,
    .company-search-container .suggestions-input-container{width: calc(100% - 100px)}
    .sac-container,.gst-result-code{margin-left: 0}
    .services-goods-container,.hsn-sac-container,.sac-container,.company-search-container,.company-main-details,
    .company-details-note{margin-top: 30px}
    .gst-result-container{margin-top: 62px}
    .gst-result-title{
        left: 0;
        transform: translateX(0%)}
    .gst-result-description{
        text-align: left;
        margin-bottom: 15px}
    .gst-result-code{margin-top: 15px}
    .gst-result-rate,.gst-result-code{
        padding: 5px 10px;
        border-width: 1px 1px 1px 5px}
    .gst-result-rate b,.gst-result-code b{font-size: 24px}
    .company-search-container button{padding: 12.5px 15px}
    .company-result-search-section{padding: 10px 15px 20px}
    .company-results-section{padding-top: 30px}
    .company-result-data-container{margin-bottom: 15px}
    .company-result-data-wrapper + .company-result-data-wrapper,
    .company-result-container + .company-result-container{margin-top: 15px}
    .company-results-banner{
        position: initial;
        text-align: center;
        padding-left: 0;
        margin-top: 15px}
    .company-results-banner a{
        display: inline-block;
        width: auto;
        float: none}
    .company-results-banner img{
        width: auto;
        max-width: 100%}
    .company-detail-key{
        display: inline-block;
        width: auto;
        font-size: 14px;
        padding-right: 8px;
        margin: 0}
    .company-detail-key::before{right: 0}
    .company-detail-value{margin: 0}
    .company-detail-row{margin-top: 15px}
    .company-detail-row:first-child{margin-top: 0}
    .table-key{width: 130px}
    .table-value{width: calc(100% - 130px)}
    .modal-content{width: calc(100% - 20px) !important}
    .thank-you-foot{margin-top: 15px}
    .subscribe-container{background-image: none}

    /* Footer */
    footer{padding: 40px 15px 0px}
    .footer-column{margin-left: 0}
    .footer-title{margin-bottom: 10px}
    .copyright{margin: 5px 0 15px}
    .techcruzers{padding: 15px}
    .floating-whatsapp-container{
        width: 50px;
        height: 50px}
    .floating-content-container{
        visibility: hidden !important;
        opacity: 0 !important}
}