@media only screen and (min-width:2100px) {


}


@media only screen and (max-width: 1100px) {
 
	.bgmain{ background-size: 50% 100%; }
	.login_form .btn {
    min-width: 100px;
		font-size: 13px;
}
	
	.custom_nav ul.mainmenu li a{ font-size: 13px; }
	
}



@media only screen and (max-width:1023px) {
	
	nav.main ul.mainmenu{ margin-left: 0px !important; margin-bottom: 15px; }
	.custom_nav ul li{ margin:5px 0px; }
	nav.main .megamenu { top:auto; }
	.menuHover{ margin-left: 10px !important; }
	.rightnav ul.menuHover li{ padding: 0px; }
	.rightnav ul.menuHover li+li{ border: 0px; }
	
	
	.bgmain{  background: rgb(22,25,167); background: linear-gradient(90deg, rgba(22,25,167,1) 0%, rgba(79,1,101,1) 100%); padding: 20px; }
	.leftpanel{ padding:0px 0 0 0px; background-image: none; }
	
	.bg_white{ background: #fff; padding: 15px;     margin-top: 10px !important; border-radius: 10px; }
	.leftpanel h3{ font-size: 16px; }
	.leftpanel h2{ font-size: 28px; }
	.leftpanel p{ padding-top:5px; }
	
	.login_form{ padding: 0px; }
	
	.mobiledevice{ display: none; }
	.login_form label{ margin-bottom: 0px; font-size: 12px; }
	.login_form .form-group{ margin-bottom: 5px; }
	.login_form input[type=text]{ font-size: 12px; height: 26px; }
	
	.roboicon{ display: none; }
	
}


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

	
	
	.browsesection h3{ font-size: 1.0rem; }
	.browsesection{ margin-top:10px; }
	.browsesection img{ width: 50%; }
	.customtab ul li a { font-size: 13px; padding: 9px; }
	.tabdata h3{ font-size: 13px; }
	.customtab span { width: 26px; height: 26px; line-height: 26px; font-size: 15px; }
	.tabdata h2 { font-size: 19px; }
	.roboland img { width: 50%; }
	
	.dropdown-menu.show{ right: auto; left: 0px !important; }
	
}