/* Small screens*/
@media only screen {
     /* Define mobile styles */
}

@media only screen and (max-width: 40em) {
	/* max-width 640px, mobile-only styles, use when QAing mobile issues */
    body {
        font-size: 80%;
    }
	section#header>div.top_header>div.menu{
    	display: none;
    }
    section#header>div.top_header>div#res_menu{
    	display: block;
        max-width: 60%;
        width: 60%;
    }
    section#header>div.top_header>div.logo{
    	width: 60%;
    	background-size: contain;
    }
    section#header>div.top_header>div.social{
    	right: 23%;
    }
    section#header>div.top_header>div.language{
    	right: 3%;
    	top: 10%;
    	font-size: 1.1em;
    }
    section#header>div.top_header>div#res_menu>img.menu_open,
    section#header>div.top_header>div#res_menu>img.menu_close{
    	top:40px;
    }
    section#search>div.search_form>form>h3 {
    	position: relative;
    	top: 10px;
	}
    section#search>div.search_form>form>div.search_keyword>input[type=text]{
    	width: 55%;
        right: 1%;
    }
    section#search>div.search_form>form>div.search_keyword{
        top: 25px;
    }

    section#search>div.search_form>form>ul.count_category{
    	display: block;
    	width: 98%;
    }
    section#search>div.search_form>form>ul.count_category.frst{
    	position: absolute;
    	top: 110px;
    }
    section#search>div.search_form>form>ul.count_category.scnd{
    	position: absolute;
    	top: 85px;
    }
    section#search>div.search_form>form>ul.count_category>li{
    	width: 50% !important;
    	display: inline-block;
    }
    section#search>div.search_form>form>ul.count_category.frst>li{
    	margin: 0px 0px 53px 0px;
    }
    section#search>div.search_form>form>ul.count_category.scnd>li{
    	height: 50px;
    	margin: 30px 0px 0px 0px;
    }
    section#search>div.search_form>form>ul.count_category>li,
    section#search>div.search_form>form>div.secondary_count_category>ul.s_count_category li{
    	font-size: 0.85em;
    }
    section#search>div.search_form>form>div.secondary_count_category{
    	position: relative;
    	top: 350px;
    }
    section#search>div.search_form>form>div.secondary_count_category>ul.s_count_category{
		margin: 5% auto 0%;    
    }
    section#search>div.search_form>form>div.secondary_count_category>ul.s_count_category li{
    	width: 50%;
    	margin: auto;
    }
    section#search>div.search_form>form>div.selectors.one{
    	margin: 370px auto auto auto;
    	width: 100%;
	}
	section#search>div.search_form>form>div.selectors.two,
	section#search>div.search_form>form>div.selectors.three,
	section#search>div.search_form>form>div.selectors.four,
	section#search>div.search_form>form>div.selectors.five{
		width: 100%;
	}
    section#search>div.search_form>form>div.selectors.one>div.selectbox,
    section#search>div.search_form>form>div.selectors.two>div.selectbox,
    section#search>div.search_form>form>div.selectors.three>div.selectbox,
    section#search>div.search_form>form>div.selectors.four>div.selectbox,
    section#search>div.search_form>form>div.selectors.five>div.selectbox{
		width: 100%;
    	margin: 5% auto 2%;    
    }
    section#search>div.search_form>form>input[type=submit]{
    	padding: 3.4% 6% 2% 6%;
    }
    section.blogs>div.blog_inner>ul li>div.blog_img{
		height:120px;    
    }
    section.resources>div.resource_inner>ul li{
		width: 90%;
    	margin: auto;
    	display: block;
    }
    section.resources>div.resource_inner>ul li>div.resources_img{
		height:200px;    
    }
    section.resources>div.resource_inner>ul li>div.resources_text{
		height: 200px;
    	top: 4%;
    	width: 96%;	    
    }
    section.resources>div.resource_inner{
    	padding: 2% 0%;
    }
    section.blogs>div.blog_inner>ul li{
    	width: 90%;
    	display: block;
    	margin: auto;
    }
    section.contact_map>div.footer{
    	position: relative;
    }
    section.contact_map>div.footer>div.footer_top>p{
		width: 94%;
    	font-size: 1em;
    	position: relative;
    	margin: auto;
    	top: 0px; 
    }
    section.contact_map>div.footer>div.footer_top>ul{
		width: 96%;
    	position: relative;
    	margin: 5% auto;   
    }
    section.contact_map>div.footer>div.footer_bottom{
		position: relative;
    	margin: 0% auto;
    	padding: 5% 0%;
    }
    section.contact_map>div.footer>div.footer_top>div.footer_social{
		width: 10%;
    	top: 10%;
    	right: 10%;   
    }
    section.contact_map>div.footer>div.footer_top>div.footer_social>a{
    	margin: 8px;
    }
    section.contact_map>div.footer>div.footer_top>div.footer_tab{
		top: -12px;
		position: relative;
    }
    section#search>div.search_form>form>div.selectors>div.selectbox>div.selective{
		background: #ffffff url("../img/select_arrow.png") no-repeat 95% 50%;    
    }
    section.contact_map>div.feedback>div.feedback_left,
    section.contact_map>div.feedback>div.feedback_right{
    	width: 100%;
    	float: none;
    }
    section.contact_map>div.feedback>div.feedback_right{
    	padding: 2% 0%;
    }
    section.contact_map>div.feedback>div.feedback_right>ul li{
    	padding: 1% 0% 0% 10%;
    }
    section.contact_map>div#map{
    	height: 500px;
    }
    section.contact_map>div.footer>div.footer_top>ul li{
    	width: 90%;
   	 	margin: 2% 5%;
    }

    section.blogs_inside>div.blogs_inside_content>img{
        max-width: 100%;
    }

    section.blogs_inside>div.blogs_inside_title{
        padding: 2.5% 0% 10% 3%;
        width: 97%;
    }

    section.blogs_inside>div.date{
        width: 90%;
    }

    section.blogs_inside>div.blogs_inside_content{
            padding: 2% 2% 10% 2%;
    }
}