@charset "UTF-8";
/* IE10+ VIEWPORT FIX */
@-ms-viewport {width:device-width;}
@viewport {width:device-width;}


/*============================ desktop view =================================================*/
@media only screen and (min-width: 769px) and (max-width: 1024px) {}

/*============================ small tablet view =================================================*/
@media only screen and (min-width: 641px) and (max-width: 768px) {}

/*============================ mobile wide screen view =================================================*/
@media only screen and (min-width: 569px) and (max-width: 640px) {

}

/*============================ mobile view =================================================*/
@media only screen and (min-width: 280px) and (max-width: 768px) {
	.slicknav_menu{display: block;}
	.slicknav_menu img{
        width: 14px;
        display: inline-block;
    }
    .rh{display: none;} /* responsive hide */
    .rs{display: block;} /* responsive show */

    .login{width: 290px;}
    .topbar, .leftside{display: none;}
    .rightside{
        margin: 0;
        width: 100%;
    }
    .active::after {all: unset;}
    .pageHeading{overflow: hidden;}
    .pageHeading h1{margin-top: 25px;}
    .buttons ul li{margin-bottom: 7px;}
    .tabtn-vertical{
        width: 100%;
        float: none;
        margin-bottom: 25px;
    }
    .tab-content-vertical{width: 100%;}
    .tab-btn{margin-bottom: 25px;}
    .tab-btn ul li{
        float: none;
        border: 1px solid #e7e7e7;
        margin-bottom: 5px;
    }
    .tab-active{border: 1px solid #333 !important;}
    .left{
        float: none;
        margin: 0;
        margin-bottom: 10px;
    }
    .right{
        float: none;
        margin: 0;
    }
    .bgpn img{
        width: 120px;
        margin: 10px auto;
    }
}