@media screen and (min-device-width:1440px) and (max-device-width:2560px) {
    .main-footer {width: 100% !important;}
}

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

@media (max-width: 1240px) and (min-width: 768px) {}

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

@media only screen and (max-width: 1200px) and (min-width: 768px) {}

@media only screen and (max-width: 1199px) {
    .outerCircle {max-width: 350px;height: 350px;}
    .carousel {bottom: 40px !important;}
    .legend_icons {width: 88.5%;}
}



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

@media only screen and (max-width: 1100px){
.outerCircle {
        position:relative;/*right:auto;*/
    }
}

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

@media only screen and (min-width: 992px) {
    .log_wrapper {display: flex;justify-content: center;align-items: center;height: 100vh;}
}

@media only screen and (max-width: 991px) {
    html, body {overflow: inherit !important;}
    .copy_text {width: 100%;padding: 10px 0;}
    .compatible {width: 100%;background: none !important;bottom: 20px;}
    .expanffd:before, .expanffd:after {display: none;}
    html, body.login_bd {overflow: inherit !important;}
    .carousel-inner > .item > img {margin: 0 auto !important;}
    .carousel-inner {margin-top: 20px;float: left;width: 100%;}
    .flex-column {flex-direction: inherit !important;}
    .login_btn_lg {float: left;width: 100%;}
    .rt_login_bg .carousel {display: none;}
    .res_pdlt0 {padding-left: 0px !important;}
    .minht35 {min-height: 35px !important;}
    .log_wrapper {display: none !important;}
    .app_dwnld_wrap {margin-bottom: 5px;}
    .login_cont_wrap {height: 87vh !important;}
    .app_dwnld_wrap img {width: 25% !important;}
    .app_dwnld_wrap button {width: 50%;}
    .copy_text {width: 100%; float:left;}
    .cust_drop .btn-primary{min-width:170px !important;}

}

@media only screen and (max-width: 991px) and (min-width: 767px) {
    .outerCircle
    .legend_icons {width: 85.5%;}
    .lab_icon {float: left;height: 20px;line-height: 20px;margin-right: 0.5%;padding-left: 0.5%;margin-top: 0.2%;margin-bottom: 0.2%;}
    .cust_drop .btn-primary {
        width: 170px;
    }
}

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

@media only screen and (max-width: 919px) and (min-width: 768px) {}

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

@media only screen and (max-width: 917px) {
    .fr_btn .btn-success {margin-left: -7px !important;}
}

@media only screen and (max-width: 903px) {
    .offset_zero {margin-left: 0px !important;}
}

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

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

@media only screen and (max-width:840px) {
    .login_header {position: relative;}
    .login_cont_wrap {height: 77vh !important;}
   
    .compatible {display: none;}

}




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

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

    @media only screen and (max-width:768px) {
        .rt_login_bg {
            width: 100%;
        }
    }

    @media only screen and (max-width:767px) {
        .outerCircle {
            align-items: center;
           
            background: #fff;
            z-index: 9999;
            position: relative;
            margin: 50px auto;
        }
        .login_cont_wrap .flex-column {
            flex-direction: inherit !important;
            display: inline-block;
            float: left;
            width: 100%;
        }
        .login_cont_wrap {
            height: calc(100vh - 100px) !important;
            overflow: auto;
        }
        }
        .login_header {
            margin-left: 0;
            margin-top: 0px;
            text-align: center;
        }

        .skin-blue .menu_searchbar {
            top: 85px !important;
            width: 210px !important;
            left: 0px !important;
        }

        .skin-blue.sidebar-mini.sidebar-collapse .treeview .arr_before::before {
            display: none;
        }

        .sidebar-menu.list-accordion .treeview a i {
            float: left;
        }

        .welspun_grup_logo img {
            width: 28%;
            margin-left: 10px;
            float: left;
        }

       
    }

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

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

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

        .outerCircle {
            align-items: center;
          
            background: #fff;
            z-index: 9999;
            position: relative;
        }

        .single_input_wrap .mb35 {
            margin-top: -35px !important;
        }

        .outerCircle:after {
            left: 8px;
        }

        .login_wid {
            max-width: 230px;
        }

        .lgbtn {
            font-size: 12px;
        }

        .app_dwnld_wrap button {
            width: 100% !important;
        }

        .app_dwnld_wrap img {
            width: 23% !important;
        }
    }

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

    @media only screen and (max-width:520px) {
        .main-header .logo .logo-lg {
            margin-right: 50px;
        }

        .bounceInLeft .login_header {
            font-size: 25px;
        }
    }

    @media only screen and (max-width:480px) {
        .login_cont_wrap {
            margin-top: 0px;
        }

        .lab_icon {
            margin-top: 1%;
            margin-bottom: 1%;
            padding-left: 0px;
            width: 100%;
        }

        .welspun_grup_logo img {
            width: 60%;
            margin: 0 auto;
            float: none;
            display: block;
        }

        .welspun_grup_logo .pull-right {
            float: left !important;
            width: 100%;
        }

        .login_header {
            right: 0;
            margin: 5px 0px;
            width: 100%;
        }

        
    }

    @media only screen and (max-width:460px) {
        .app_dwnld_wrap .btn_txt {
            font-size: 13px !important;
            line-height: 31px !important;
            margin: 0px -5px 0px 0px !important;
        }
    }

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

    }

    @media only screen and (max-width:414px) {
        .login_header img {
            width: 200px;
            margin: 0 auto;
            float: none;
        }
    }

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

    @media only screen and (max-width:362px) {
        .outerCircle {
            max-width: 90%;
        }
    }

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

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