@media 
only screen and (max-device-width: 736px),
only screen and (max-width: 736px)

{

body{
font-size: 14px;
}
div.wrapper{
width: 100%;
}
.main .menu{
width: 100%;
}
.main .content {
float: left;
width: auto;
margin: 10px;
}

div.headerimg {
  overflow: hidden;
}
div.logo a.logo img {
	padding-left:5px;
}
textarea{
width:90%!important;
}
div.socialComments{
display:none;
}
footer ul li{
display:list-item;
padding: 10px 0px 10px 0px;
}
footer ul {
  padding-bottom: 40px;
}
footer{
	margin: 0 0 160px 0;
}
nav .start {
float: left;
}
nav div.box_menu_news {
  font-size: 16px;
}
nav div.join_slogan {
  font-size: 16px;
}
div.classactions{
width:100%;
}

.classactions .action div.status,
.classactions .action div.label{
width:100%;
float:left;
}
.classactions .classactionsmenu .class_status li{
padding:5px;
margin:0;
}

.classactions .classactionsmenu{
font-size:12px;
width:90%;
}
div.socialheader{
margin:0;
}
nav{
display:none;
}
div.logo a.burger{
display:block;
}
div.logo a.burger img{
width: 40px;
}
div.logo a.logo{
position:relative;
float:left;
width:400px;
}
div.logo a.burger{
position:relative;
float:right;
margin: 17px 10px 0 0;
width:100%;
max-width:36px;
}
div.headertop{
margin: 20px 0 20px 0;
}
div.headertop a.burger img{

}

div.headertop div.logo{
width:100%;
}
div.headertop a.logo{
width:70%;
}
body.fr div.headertop a.logo{
    margin: 13px 0px 0px 5px;
}
div.headertop a.logo img{
width:100%;
max-width:260px;
}
.socialheader ul.social li{
padding:4px !important;
}
.social_homepage ul.social li {
padding:10px !important;
}
.social_homepage ul.social{
display:list-item !important;
}
ul.social li {
    float: left;
    position: relative;
    width: 80%;
	display:block;
	margin:0px !important;
}
ul.social{
    margin: 16px 0 0 30px !important;
}
body.page_1 div.social_homepage{
	position: absolute;
    display: block;
    left: 0px;
    top: 100px;
    width: 100%;
    height: 0px;
    /* padding-top: 50px; */
    overflow: visible;
}
body.page_1 div.homepage{
	width:100%;
	overflow:hidden;
	padding-top:160px;
    height: 1100px;
	background-size: 700px 385px !important;
	padding:0px;
}
body.page_1 nav{
display:block;
width:100%;
margin:auto;
}
body.page_1 div.menu_box_homepage{
	position: absolute;
    display: block;
    top: 510px;
    left: 0px;
    width: 100%;
    float: left;
    height: 600px;
    margin: auto;
}

body.page_1 .home-flags{
	float: left;
    position: absolute;
    top: 400px;
    left: 10px;
    display: block;
    height: 10px;
}

body.page_1 {
	background-size: 1200px;
}

body.page_1 .home-logo {
	margin: 0;
    padding: 0;
    top: 0px;
    position: absolute;
    float: left;
    left: 0px;
}

body.page_1 .home-logo img{
	width:100%;
	max-width: 300px;
    margin: 10px;
}

div.contact div,
body.page_6 div.content,
body.page_5 div.content,
{
width:100%;
}

div.contact div.map{
max-width:500px;
}

div.stayconnected{
height:auto;
overflow:visible;
margin-bottom:20px;
}

div.stayconnected ul.social li{
padding: 5px !important;
}

body.page_1 div.content {

}

.homepage .content h1{
    color: black;
    font-size: 19px;
}

.claim .calltoaction{
	/*display: none;*/
}

.action.with_image .image{
	float: left!important;
    width: 35%!important;
}

.action.with_image .label{
	font-weight: bold;
    font-size: 16px;;
	float: right!important;
	width: 63% !important;
}

#testimonials {
	height:200px;
}
body.page_1 div.content {
    padding:20px;
}

.newsmedia .newsitem  {
width: 90%;
height: auto;
overflow:visible;
}
/*
#active_claims .claim{
	width:50%;
}
*/

ul#awards li{
	float:left;
	position:relative;
	width:100%;
	max-width:200px:
}

.catitem {

    float: left;
    position: relative;
    width:100%;
    margin: 5px 10px 5px 10px;

}

.catitem a{

    float: left;
    position: relative;

}

#catmenu {

    float: left;
    position: relative;
    width: 100%;
    padding: 0 75px 0 40px;

}

}

@media 
/*only screen and (max-device-width: 400px),*/
only screen and (max-width: 400px)

{
	
	
#active_claims .claim{
	width:100%;
}
	
}