/*************************************************/
/*
/*    min-width: 1200px
/*
/***************************************************/
@media screen and (min-width: 992px) {

	.container {width: 1170px;}

}

/*************************************************/
/*
/*    max-width: 1200px
/*
/***************************************************/

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


}

/*************************************************/
/*
/*    (max-width: 992px
/*
/***************************************************/

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

	a[href^=tel] { color: inherit; text-decoration: none; }

	nav#menu #menu_btn{ border: solid 2px #20409a; border-radius: 5px; font-size: 1.6em; width: 50px; height: 40px; text-align: center;
	    position: fixed; top: 30px; right: 20px;
	    background-color: rgba(255,255,255,0.75); z-index: 99;
	    cursor: pointer; display: block; color: #20409a;
	}

	nav#menu ul {position: fixed; z-index: 200; height: 100%; top: 0; background-color: rgba(255,255,255,0.9); left: -100%; width: 40%; padding: 50px 15px; min-width: 250px;  }
	nav#menu ul > li {display: block; text-align: left; margin-bottom: 15px;}
	nav#menu ul > li > a {font-size: 1em; padding: 0; line-height: 20px;}
	nav#menu ul {overflow: auto;}

	section#sub_menu {background-color: rgba(14,20,38,0.6); padding: 30px; position: fixed; width: 40%; z-index: 220; top: 320px; left: 0;    min-width: 250px; height: calc(100% - 320px); overflow: auto;}
	section#sub_menu .header {height: 40px; text-align: left; border-right: none; border-bottom: solid 1px #20409a; margin-bottom: 20px;}
	section#sub_menu ul > li {display: block; padding: 0; margin-bottom: 15px;}


	section#main_banner .metaslider img{ height: auto !important;}

	section#home_about p {padding: 0 30px;}
	section#home_solution .solution_item {margin-bottom: 30px;}
	section#home_brands_news #brands {margin-bottom: 60px;}
	
	footer {padding: 30px 0;}
	#footer_menu {padding: 0 15px;}
	section#foot_contact #contact_bar {height: auto; padding: 15px 0;}
	section#foot_contact .contact_field {height: 60px;}

	section#page_banner {background-size: cover;}
	
	section#company img {max-width: 100%; width: auto; height: auto;}

	section#brands #brand_list {margin-bottom: 30px;}

	section#news #news_filter ul li {margin: 0 15px 15px;}
	
	section#news .news_item .date_box {height: 200px;}
	section#news .news_item .date_box .date_circle {height: 170px; width: 170px;}
}
/*************************************************/
/*
/*    max-width: 768px
/*
/***************************************************/

@media screen and (max-width: 768px) {
    
	section#main_banner #slider .content a {display: none;}


}