/*------------------------------------------------------------------*/ 
/*	3) Note: Design for a width of 320 px
/*------------------------------------------------------------------*/
@media only screen and (min-width: 200px) and (max-width: 479px){

/*------------------------------------------------------------------*/ 
/*	1) Header
/*------------------------------------------------------------------*/
.logo{margin-left:0; width:100%; text-align:center;}
.logo img{max-width:300px;}
.search{margin:0 40px 10px 0;}
.device-menu{ display:block; margin-top:10px;}
ul.sf-menu { display:none; }

/*------------------------------------------------------------------*/ 
/*	3) Slider
/*------------------------------------------------------------------*/
.main-slider {
	width:300px;
	margin:0;
}
.slider2, .slider3{
	display:none;
}
.flexslider ul li img{
	height:206px;
}
/*------------------------------------------------------------------*/ 
/*	3) Content
/*------------------------------------------------------------------*/
.main-content{
	width:100%;
}
.outertight{
	width:100%;
	margin-right:0;
}
.outertight img{
	max-width:100%;
}
.outerwide{
	width:100%;
}
.wnews li{
	width:300px;
}
.wnews li img{
	max-width:140px;
}
.errorpage h1{
	font-size:50px;
}
.block2 li{
	
}
.relatednews ul li:nth-child(2n){
	margin-right:0;
}
ul.featured>li{
	width:100%;
	margin-right:0;
}
ul.social2{
	margin:0;
}

div#mypassion-short-summary{
	width:160px;
}
div#mypassion-review-wrapper.mypassion-review-placement-top {margin-right:0;}
div#mypassion-review-wrapper.mypassion-review-placement-topright {margin-left:0;}

nav#nav{
	height:55px;
}
nav.is-sticky#nav{
	width:300px;
}
/*------------------------------------------------------------------*/ 
/*	4) Comments
/*------------------------------------------------------------------*/
.commment-text-wrap{
	width:210px;
}
ul.children li div.commment-text-wrap{
	width:210px;
}
ul.children li li div.commment-text-wrap{
	width:210px;
}
ul.children li li li div.commment-text-wrap{
	width:210px;
}
ul.children{
	margin-left:0;
	border:0;
	margin-left:-19px;
}
.comments ul li #respond textarea, .form textarea, .wpcf7 textarea{
	width:278px;
}

}

body.home div#twitter {
position: relative !important;
margin-top: auto !important;
margin-left: auto !important;
margin-bottom: auto !important;
width: auto !important;
}
body.home div#twitter div.pointer{
width: auto !important;
position: relative !important;
margin-left: auto !important;
}

body.home #slider{
margin-top:auto !important;
}

div#twitter{
position: relative !important;
margin-top: auto !important;
margin-left: auto !important;
margin-bottom:auto !important;
}

div.breadcrumbs #crumbs{
margin-top:auto !important;
}

div#adbox{
width:100% !important;
margin-left:auto !important;
margin-top: auto !important;
}

ul#toplinksbox{
float: none !important;
margin-right: auto !important;
text-align:center;
margin-left: 275px !important;
}

strong#datebox{
float: none !important;
}


strong#datebox {
position: absolute !important;
float: none !important;
margin-left: -90px !important;
margin-top: -125px!important;
color:#000 !important;
}

div.search2 {
position: relative !important;
margin-top: auto !important;
}

div#sbox{
position: relative !important;
margin-top: auto !important;
margin-left: auto !important;
}
div#sbox a img {
padding-right: 2px !important;
width:30px !important;
}
div#sbox a img#gp{
position: relative !important;
margin-left: auto !important;
margin-top: auto !important;
}

div#text-10{margin-top: auto !important;}
div#text-11{display:none !important;}
#sidebar-optin{margin-top:auto !important;}

div#google_image_div img.img_ad{width:100px !important;}
div#google_image_div img{max-width:100% !important; }

iframe {max-width:100%;}
div#adbox iframe {max-width:100%;}

.img_ad{max-width:100% !important; width:100px !important;}


@media (max-width: 320px) and (min-width:320px) {
iframe {max-width:100%;left:55px !important;}
div#adbox iframe{
margin-left:150px !important;
max-width:100%;
}

div#google_image_div img{width:120px !important;}

div#google_image_div img{max-width:100% !important; }

.img_ad{max-width:100% !important;width:100px !important;}

}


@media (max-width: 384px) and (min-width:384px) {
.img_ad{max-width:100% !important; width:100px !important;}

iframe {max-width:100%;left:55px !important;}
div#adbox iframe{
margin-left:150px !important;
max-width:100%;
}

div#google_image_div img{width:120px !important;}

div#google_image_div img{max-width:100% !important; }
}