/* ==============================
=================================== */
            
            @media(max-width:1600px) {
                .topLeave {
                    right: -262px;
                    max-width: 230px;
                }
                .RighttBottom {
                    right: 285px;
                    max-width: 540px;
                }
            }
            
            @media(max-width:1440px) {
                .topLeave {
                    right: -312px;
                }
                .RighttBottom {
                    right: 130px;
                    max-width: 460px;
                }
            }
            
            @media(max-width:1366px) {
                .topLeave {
                    right: -92px;
                    max-width: 180px;
                }
                .RighttBottom {
                    right: 395px;
                    max-width: 360px;
                }
                .leftBottom {
                    max-width: 110px;
                }
                .loginForm .formSection {
                    margin-top: 2rem;
                }
                .loginForm .formHeading {
                    font-size: 3.8rem;
                    margin-bottom: 2rem;
                }
                .formSection .formFoot {
                    margin-top: 4rem;
                }
            }
            
            @media (max-width:1280px) {
                .loginForm .formHeading {
                    font-size: 3rem;
                    margin-bottom: 2rem;
                }
                .formSection h2 {
                    font-size: 2.5rem;
                    margin-bottom: 2rem;
                }
            }

@media(max-width:1024px) {
    .loginForm {
        max-width: 60% !important;
    }
    .globe-custom {
        padding: 0px 40px 0px 0px;
    }
    .globe-message {
        width: unset;
    }
.globe-popup-outer{
    right: 45px !important;
}
}

            @media(max-width:992px) {
                .wheatherSection .row .col-lg-4:nth-child(4) .form-group {
                    margin-top: 2rem;
                }
                .watest-outer{
                    width: 80% !important;
                }

              
            }

            @media(max-width:768px) {
                .topLeave {
                    right: 0;
                    max-width: 70px;
                    opacity: 0.2;
                }
                
                .RighttBottom {
                    right: 0;
                    max-width: 150px;
                    opacity: 0.2;
                }
                .formSection form label {
                    font-size: 16px;
                }
                .formSection form #flexCheckChecked {
                    width: 20px;
                    height: 20px;
                }
                .formSection .formFoot .login-btn {
                    max-width: 100%;
                    height: 55px;
                    margin: 0 auto 1rem auto;
                }
                .formSection .formFoot {
                    margin-top: 3rem;
                    z-index: 999;
                    position: relative;
                }
                .formSection form .forgotPass a {
                    white-space: nowrap;
                    font-size: 16px;
                }
                .leftBottom {
                    max-width: 70px;
                    opacity: 0.2;
                }
                .inputBox .inputIcon {
                    right: 12px;
                }
                .formSection form .form-control {
                    height: 55px;
                    font-size: 16px;
                }
                .formSection .formFoot .signUp-link {
                    font-size: 15px;
                }
                 /*=====06 Jan=====*/
                header#header {
                    width: 100% !important;
                    margin-left: 0 !important;
                }
                /*.head-active {*/
                    /*width: calc(100% - 300px) !important;*/
                    /*width: 100%;
                }*/
                .sidebar {
                    left: -100% !important;
                }
                .home-content {
                    margin-left: 0 !important;
                    width: 100% !important;
                }

                .main-page .homeContent-active{
                    width: 100% !important;
                }
                .sidebar-active {
                    left: 0 !important;
                    top: 87px !important;
                    box-shadow: 0px 10px 20px #cecece45 !important;
                }

                .wheatherSection .row .col-lg-4:nth-child(4) .form-group{
                    margin-top:2rem;
                }
                .loginForm {
                    padding: 0 1rem 0 1rem !important;
                    max-width: 100% !important;
                }
                   /* .loginForm .formSection {
                        width: 100%;
                        max-width: 100% !important;
                    }*/
                .mapboxgl-map{
                    width: 100% !important;
                }

            }

           

            @media(max-width:576px){
                #btnShow {
                    max-width: 100% !important;
                    margin-top: 20px !important;
                    width: 100% !important;
                }
            }