@media (max-width:1400px){
.container{width:98%; padding:0; margin:0 auto;}
.row{padding:0; margin:0;}
.logo a img	{width:auto; height:auto; padding-top:2.4em}
.header_in_right_top ul li img{width:80px; height:auto;}
.header_in_right_top ul li img{width:50px; margin:0 auto 10px;}
nav ul li a{font-size:18px; padding:5px 0 5px 0;}
.header_in_right_top ul li a{padding:0 45px 12px 0;}
.user{margin:0 0 5px 0;}
.save .btn3{width:45%;}
.save .btn4{width:47%; background-position:22px center;}

}


@media (max-width:1024px){
.sign_in .container{width:98%;}
.sign_in_con{width:100%;}
.form_sec h3{font-size:19px;}
.form_sec{width:49%;}
.form_sec ul li label{font-size:18px;}
.header_in_right_top ul li img{width:40px; margin:0 auto 10px;}
nav ul li a{font-size:16px; padding:5px 0 5px 0;}
.header_in_right_top ul li a{padding:0 75px 12px 0; display: inline;}
nav{margin:0 0 0 5%;}
.dashboard ul li a{font-size:16px; padding:0 24px 0 0px; background-size:16px 16px;}
.message{margin:0;}
.drop_con2 ul{width:100%;}
.drop_con2 ul li a{font-size:12px; letter-spacing:0.5px;}
.header_in_right_top ul li span{font-size:12px;}
/* left menu*/
.chart_menu2 ul{width:64%;}
.chart_menu .left ul li a {width:100%;padding:10px;}
.chart_menu .left ul.misafety > li > a, .chart_menu .left ul.micontractor > li > a,.chart_menu .left ul.mitraining > li > a, .chart_menu .left ul.mibooking > li > a {height: 135px;padding-top: 25px; }
}

@media (max-width:767px){
.sign_in_con_left a img{width:100%; height:auto;}	
.sign_in_con_left{margin:30px 0 0 0px;}
.sign_in_con{padding:30px 2%;}
.sign_in_con_right input{font-size:18px;}
.credential .btn1{font-size:14px;}
.credential .btn2{font-size:14px;}
.form_sec{width:100%;}
.form_sec h3{font-size:24px;}
.chart_menu ul{width:100%;}
.chart_menu ul li{width:100%;}
.menu{display:block;}
.menu .menu2{display:block;}
.troggleMenu {display: none}
nav	{display:none; margin:0px 0 0 0;}
nav ul li{width:100%; float:none; margin:0; padding:0; display:block;}
nav ul{width:100%;}
nav ul li a{padding:10px 0 10px 0;}
nav ul li a:hover{background:#2B2463; color:#fff;}
.logo{width:100%; display:block; padding:0; margin:0 auto 20px; float:none; text-align:center;}
.header_in_right{width:100%;}
.header_in_right_top ul{padding:0;}
.header_in_right_top{margin:0 0 10px 0; text-align:center;}
.header_in_right_top ul{float:none; display:inline-block; text-align:center;}
.header_in_right_top ul li{float:none; display:inline-block; text-align:center; vertical-align:top; width:auto; margin:0 10px 0 0;}
.header_in_right_top ul li img{width:50px; height:auto;}
.logo a img{width:100px; height:auto;}
.chart_menu2 ul{width:100%;}
.user{margin:0 auto; float:none;}
.chart_menu2 ul li a em{width:100%; border-radius:0;}
.chart_menu2 ul li a span br{display:none;}
.dashboard ul{text-align:center; display:block;}
.dashboard ul li{float:none; text-align:center; display:inline-block; margin:0 5px 0 0;}
.message_left{float:none; display:block; width:100%; margin:0 0 20px 0;}
.message{ padding:20px 2%;}
.chart_menu ul li a span br{display:none;}
.information{position:static; float:none;}
.drop_con2 ul li a{font-size:16px;}
.foot_nav ul{width:100%; float:none; display:block; text-align:center;}
.foot_nav ul li{float:none; display:inline-table;text-align:center;}
.powered{width:100%; float:none; display:block; text-align:center;}
.powered span{float:none; text-align:center;}
.powered a img{float:none;}
.chart_menu ul{height:auto !important;}
.maincontent{margin:0;}
}

@media (max-width:599px){
.sign_in_con_left a img{width:295px; height:auto; margin:0 auto; display:block;}
.sign_in_con_right{width:100%;}
.sign_in_con_left{width:100%;}
.menu{top:190px;}
.menu.menu2{top:80px;}
.user img{width:70px; height:auto;}
.menu{top:110px;}
.foot_nav ul li{display:block; width:100%;}
}

@media (max-width:479px){
.sign_in_con_left a img{width:100%; height:auto;}	
.sign_in_con{padding-top:0px;}
.credential .btn1{margin:0 10% 0 0;}
.sign_in_con_right input{margin:12px 0 0px 0;}
.credential{margin:12px 0 0 0;}
.dashboard ul li{margin:0 7px 0 0;}
.dashboard ul li a{font-size:13px; padding:0 26px 0 0px;}	
.user h2{font-size:46px; line-height:54px;}
.message_right ul li a{font-size:20px;}
footer{padding:10px 0;}
}

@media (min-width:768px){
nav{display:block !important;}	
}