/* COL - Mobile Responsive Starts here */
@media (min-width:320px) and (max-width:575px) {
    
    h1 {font-size:35px !important}
    h2 {font-size:30px !important}
    h3 {font-size:25px !important}
    h4 {font-size:20px !important}
    h5 {font-size:18px !important}
    h6 {font-size:16px !important}

    .b1 {font-size:14px !important}
    .b2 {font-size:12px !important}
    .b3 {font-size:10px !important}
    .b4 {font-size:9px !important}
    .b5 {font-size:8px !important}
    .b6 {font-size:7px !important}
    
    .mt-10 {margin-top: 5px !important;}
    .mt-60 {margin-top: 30px !important;}
    .mt-80 {margin-top: 40px !important;}

    .mb-10 {margin-bottom: 5px !important;}
    .mb-20 {margin-bottom: 10px !important;}
    .mb-30 {margin-bottom: 15px !important;}
    .mb-40 {margin-bottom: 20px !important;}
    .mb-50 {margin-bottom: 25px !important;}
    .mb-60 {margin-bottom: 30px !important;}

    .pt-80 {padding-top: 40px !important;} 
    .pt-60 {padding-top: 30px !important;}
    .pt-50 {padding-top: 25px !important;}
    .pt-40 {padding-top: 20px !important;}
    .pt-30 {padding-top: 15px !important;}
    .pt-20 {padding-top: 10px !important;}

    .py-60 {padding: 30px 0px !important;}
    .py-50 {padding: 25px 0px  !important;}
    .py-40 {padding: 20px 0px !important;}
    .py-30 {padding: 15px 0px  !important;}
    .py-20 {padding: 10px 0px !important;}
    .py-10 {padding: 5px 0px !important;}


    .pb-60 { padding-bottom: 30px !important;}
    .pb-50 { padding-bottom: 25px !important;}
    .pb-40 { padding-bottom: 20px !important;}
    .pb-30 { padding-bottom: 15px !important;}
    .pb-20 { padding-bottom: 10px !important;}
    .pb-10 { padding-bottom: 5px !important;}

    .ps-120 { padding-left: 60px !important;}


    ul.open-grt-menu {color: #BB2463 !important; font-size: 14px !important;}

    .header-section { padding: 0px 10px !important;}

    .top-nav-contactinfo { display: none ;}
    .top-nav-socialmedia { padding: 10px 10px 0px 0px;}
    .media-cir-div { background-color: #fff; border-radius: 15px; height: 25px; width: 25px; padding: 10px;}

    .header-btns a { display: none;}

    /* .menu-toggle { display: block !important; } */

    /* .menu-tag { position: absolute !important; top: -25px; right: 85px;} */
    /* .Searchbar { display: none !important;} */
    .menu-toggle { display: block !important; position: static !important;  background: none !important;}
    .menu-toggle h3 { display: none;} 

    /* .carousel-item h2 { font-size: 25px !important;} */

    .banner-content { text-align: center !important; padding: 0px 25px 60px  !important;}
    .banner-content a { font-size: 10px !important;}
    .banner-img img { display: none;}
    .carousel-indicators { position: relative !important; top:-50px !important;}
    .banner-prev span { display: none;}
    .banner-next span { display: none;}


    .aboutus-circle { margin: 15px 0px;}
    .aboutus-content { padding: 0px 0px 20px;}

    .how-it-work-container p { padding: 0px 20px;}
    .box-cir { left: 110px;}
    .box-outer, .role-outer, .plan-outer { padding:20px 20px;}
    .box{ margin:0px 20px;}

    .testi-card p { padding: 20px 20px 0px; }
    .carousel-control-prev { position: relative !important; left: 55px !important; top: -251px !important;}
    .carousel-control-next { position: relative !important; left: 260px !important; top: -299px !important;}
    .carousel-height { height: 380px !important;}
    .carousel-indicators { top: 0px !important;}

    .call-btn-outer {padding: 0px 0px 10px !important;}

    .gallery-item {padding: 8px 20px !important;}

    .footer-section { padding: 220px 0px 0px;}
    .footer-links { padding-left: 20px !important;}
    .footer-socialmedia { padding: 10px 0px 15px;}

    .bck { right: 80px !important; }
    /* Back to Top Fix */
    /* .bck {
    position: fixed !important;
    right: 60px !important;
    bottom: 40px !important;
    left: auto !important;
    margin: 0 !important;
}


    html {
        overflow-y: scroll;
    } */


    
    

    

    /* FEATURES PAGE */
    .carosal-indi { top: 0px !important}
    .inner-con { padding: 20px !important;}
    .inner-img img { padding: 5px 0px 0px 20px !important;}
    .feature-img img { display: none !important;}
    .feature-content { padding: 0px 20px 20px !important;}

    .second-feature-img { order: 1;}
    .second-feature-con { order: 2;}

   
    /* HOW IT WORKS PAGE */
    .step1, .step3 { background-position: left;}
    .step2, .step4 { background-position: right;}
    .howitwork-content {padding-top: 60px !important;}


    /* MARKETPLACE PAGE */
    /* .marketplace-section H1 { font-size: 35PX !important;}
    .marketplace-section P { padding-bottom: 10px !important;} */
    

    /* HELP PAGE */
    .help-border { margin-bottom: 30px !important;}
    .gallery-item { margin-bottom: 0px; }


    /* LOGINS PAGES */
    .login-img img { display: none !important;}
    .input-wrapper { width: auto;}
    .input-labels a { padding-left: 245px;}


    /* HOME PAGES */

    #menuToggle { left: 0px !important; top: 5px !important; }
    .home-logo { margin: 5px 0px 0px 40px !important;}

    .search-bar .noti-icon, .search-bar img {}
    .search-bar .input-wrapper { display: none;}

    .poster-section { padding: 70px 0px 30px 30px !important;}



    .project-details { padding: 20px !important; width: 330px !important;}

    .tools { margin-left: 20px !important;}
    .tool-icon { margin-right: 12px !important;}

    .export-section { padding-top: 60px !important;}
    .input-wrapper .select-wrapper .dropdown-field { padding: 10px 0px !important;}

    .recent-outer { margin-bottom: 15px !important;}
    .popup-div { width: 300px !important;}










}
/* Mobile Responsive Ends here */



/* SM, MD - Tab Responsive Starts here */
@media (min-width:576px) and (max-width:991px) {
    
    h1 {font-size:40px !important}
    h2 {font-size:35px !important}
    h3 {font-size:30px !important}
    h4 {font-size:25px !important}
    h5 {font-size:22px !important}
    h6 {font-size:18px !important}

    .b1 {font-size:16px !important}
    .b2 {font-size:14px !important}
    .b3 {font-size:12px !important}
    .b4 {font-size:10px !important}
    .b5 {font-size:9px !important}
    .b6 {font-size:8px !important}

    .mt-10 {margin-top: 7px !important;}
    .mt-60 {margin-top: 45px !important;}
    .mt-80 {margin-top: 60px !important;}

    .mb-10 {margin-bottom: 7px !important;}
    .mb-20 {margin-bottom: 15px !important;}
    .mb-30 {margin-bottom: 20px !important;}
    .mb-40 {margin-bottom: 30px !important;}
    .mb-50 {margin-bottom: 35px !important;}
    .mb-60 {margin-bottom: 45px !important;}

    .pt-80 {padding-top: 60px !important;} 
    .pt-60 {padding-top: 45px !important;}
    .pt-50 {padding-top: 35px !important;}
    .pt-40 {padding-top: 30px !important;}
    .pt-30 {padding-top: 20px !important;}
    .pt-20 {padding-top: 15px !important;}

    .py-60 {padding: 45px 0px !important;}
    .py-50 {padding: 35px 0px  !important;}
    .py-40 {padding: 30px 0px !important;}
    .py-30 {padding: 20px 0px  !important;}
    .py-20 {padding: 15px 0px !important;}
    .py-10 {padding: 7px 0px !important;}


    .pb-60 { padding-bottom: 45px !important;}
    .pb-50 { padding-bottom: 35px !important;}
    .pb-40 { padding-bottom: 30px !important;}
    .pb-30 { padding-bottom: 20px !important;}
    .pb-20 { padding-bottom: 15px !important;}
    .pb-10 { padding-bottom: 7px !important;}

    .ps-120 { padding-left: 90px !important;}

    .header-btns a { display: none;}

    /* .menu-toggle { display: block !important; } */

    /* .menu-tag { position: absolute !important; top: -25px; right: 85px;} */
    /* .Searchbar { display: none !important;} */
    .menu-toggle { position: relative; left: 35px; background: none !important;}
    .menu-toggle h3 { display: none;}
    /* .carousel-item h2 { font-size: 25px !important;} */

    .banner-content { text-align: center !important; order: 2; padding: 20px 40px  !important; margin: 0px !important;}
    .banner-img { order: 1; padding: 30px 0px 0px !important; margin: 0 auto; }

    .banner-prev span { left: -60px; bottom: 40px;}
    .banner-next span { left: 45px !important; bottom: 25px; }

    .aboutus-section { padding: 30px 0px 45px;}
    /* .aboutus-img { margin: 0px auto;} */

    .how-it-work-container p { padding-bottom: 15px !important;}
    .box-outer, .role-outer, .plan-outer { padding: 22px 0px;}

    .design-roles-section p, .plans-section p, .gallery-section p { padding-bottom: 5px !important;}
    .last { float: none; margin: auto;}

    .testi-card p { padding: 20px 60px 0px; }
    .carousel-control-prev { position: relative !important; left: 35px !important; top: -230px !important;}
    .carousel-control-next { position: relative !important; left: 635px !important; top: -278px !important;}
    .carousel-height { height: 360px !important;}

    .contact-outer {margin: 0px auto;}
    .contact-img {margin: 0px auto 30px;}

    .gallery-item {padding: 5px 10px !important;}

    .footer-links ul li { padding: 10px 8px; }
    .footer-socialmedia { padding-bottom: 30px;}

    .bck { position: fixed !important; right: 15px !important;}


    /* FEATURES PAGE */
    .inner-con { text-align: left !important; padding: 20px !important;}
    .inner-img { margin: 0px !important;}
    .inner-img img { padding: 5px 0px 0px 20px !important;}
    .feature-img img { margin: 75px 0px 0px !important}
    .feature-content { padding: 60px 0px 20px 30px !important;}

   
    /* OW IT WORKS PAGE */
    .step1, .step3 { background-position: left;}
    .step2, .step4 { background-position: right;}


    /* MARKETPLACE PAGE */
    .marketplace-section H1 { font-size: 35PX !important;}
    .marketplace-section P { padding-bottom: 10px !important;}
    

    /* HELP PAGE */
    .gallery-item { margin-bottom: 10px; }


    /* LOGINS PAGES */
    .login-img img { display: none !important;}


    /* HOME PAGES */

    /* .top-navi-header { position: fixed !important;} */

    .home-logo { margin: 5px 0px 0px 30px !important;}
    .poster-section { padding: 90px 0px 45px 45px !important;}

    /* .tools { margin-left: 30px !important;} */
    .tool-icon { margin-right: 24px !important;}

    .layers-menu { padding: 5px !important;}

    .layers-bg { padding: 1px 3px !important;}
    .layers-bg:hover { padding: 1px 3px !important;}

    .layers-active { padding: 1px 3px !important;}

    .layers-icon { margin-right: 3px !important;}

    .canvas-container { padding: 0px !important; margin: 60px 0px 0px 30px  !important;}

    .export-section { padding-top: 80px !important;}
    .recent-outer { padding-bottom: 20px !important;}







}
/* Tab Responsive Ends here */



/* LG,  - Laptop Responsive Starts here */
@media (min-width:992px) and (max-width:1999px) {
    
    


}
/* Laptop Responsive Ends here */