@media( max-width:1024px){
		
		#wrapper{ width:100% !important;  padding:0 15px; box-sizing:border-box;}
		.top-row .menu { margin-left: 0px; float:right; }
		.vijimemb li{ width: 14%;}
		.menu .submenu li:first-child a{ padding-left:0;}
		.footer-menu{ width:100% !important;}
	}

@media( max-width:980px){
		
		.top-row .menu { margin-left: 0px; float:right;  margin-right: 40px; }
		.top-row .menu ul li a{  padding: 0 0 0 50px;}
		.contact-left { width: 100% !important;  float: none !important;  display: block !important;}
		.contact-right{ width:100% !important; float:none !important;}
		.footer-menu{ width:100%; display:inline-block;}
	}	

	
@media( max-width:800px){
		.top-row .menu ul li a{  padding: 0 0 0 23px;}
		.row.welcome img{ float:none; width:60%;}
		.vijimemb li{ width:23%;}
		.bbgs li{ width:25%;}
		table.cirtifiating .first a:hover{ transform:scale(1); padding-left:0px; text-shadow:2px -2px 0px transparent;}
	}			
	
@media( max-width:640px){
	  .top-row .logo a span{ padding-top:140px; padding-left:0; margin-bottom:0;}
	  .top-row .logo img{ width:25%; text-align:center; left: 0; right: 0; margin: 0 auto;}
	  .top-row .logo{ text-align:center; padding:10px 0;}
	  .top-row .logo a{ font-size:40px;}
	  .lean-slider-slide img{ height:300px;}
	  .vijimemb li{ width:31%;}
	  .wel { width: 47.3%;}
	  .row.welcome img{ float:none; width:80%;}
	  .bbgs li{ width:30%;}
	  table.cirtifiating .first{ width:100%; display:block;}
	  table.cirtifiating .second{ width:100%; display:block;}
	  table.cirtifiating td{ padding:15px 0px;}
	  table.cirtifiating a{ padding:0 5px;}
	  table.cirtifiating .first a{ line-height:25px; text-align:center;}
	  .contact-right{ width:100% !important; float:none !important;}
	  .footer-menu{ text-align:center;}
	  .footer-menu ul{ width:100%; display:block; float:none;}
	  .footer-menu li{ float:none; display:inline-block;}
	  .footer-menu span{ width:100%; text-align:center;}
	  .fancybox-media img{ width:100%; height:200px;}
	  
	}	
	
@media( max-width:480px){
	
		.top-row .menu{ margin-right:0; text-align:center; float:none; margin-top: 0px;}
		.top-row .menu ul li a{ padding:0 0 0 0;}
		.top-row .menu ul li{ float:none; display:block;}
		.menu ul li a{ line-height:40px; background:#CD6391;  color:#fff; transition:all 0.5s ease-in-out;}
		.top-row .logo img{ width:30%;}
		.top-row .logo a span{ padding-top:125px; margin-bottom: 15px;}
		.responsive_menu{ display:block;}
		.menu{ display:none;}
		.menu ul li a:hover, .menu ul li a.actvie{ color: #25ffe8; font-weight: bold; background:#802A79;}
		.lean-slider-slide img{ height:240px;}
		.row.welcome img{ width:100%;}
		.vijimemb li{ width:48%;}
		.services{ border:1px solid #cdcdcd;}
		.menu .submenu li:first-child a{ padding-left:0;}
		.menu .submenu li a{ color:#000;}
		.bbgs li{ width:48%;}
		.row.welcome-bg img{ width:50% !important; display:block; text-align:center; float: none !important; }
		.row.welcome-bg p{ width:100%; display:block;}
		.contact-left .add{ width:100%; float:none;}
		.map, .map1{ float:none !important;}
		.contact-left { width: 100% !important;  float: none !important;  display: block !important;}
		
	}	
	
@media( max-width:360px){
		.top-row .logo a{ font-size:28px;}
		.top-row .logo img{ width:46%;}
		.wel{ width:100%;}
		.vijimemb{ width:100%; text-align:center;}
		.vijimemb li{ width:100%;}
		.vijimemb li img{ width:50%;}
		.bbgs{ text-align:center;}
		.bbgs h2{ font-size: 27px;}
		.bbgs li{ float:none; width:100%; margin:10px 0;}
		.row.welcome-bg img{ width:80% !important; display:block; text-align:center; float: none !important; margin:0 auto; }
		.footer-menu li{ display:block;}
		.footer-menu > span{ padding-right:0;}
		}
		
@media( max-width:320px){
		.vijimemb li img{ width:60%;}
		.row.welcome-bg img{ width:100% !important; display:block; text-align:center; float: none !important; }
	}