/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 680px) and (max-width: 990px) {
	#top-menu > ul { width: 370px; }
	body > header .top-inner-header {
    max-width: 650px;
    margin: auto;
    padding: 0;}
	.sixmenu { width: 300px; float:left}

	body > header .inner-header { max-width: 670px; }


	.masthead { float:none !important; width: 355px !important}
	.masthead-nobox { float:none !important; width: 255px !important}
	#logosite { width:200px;!mportant;float:left;padding: 10px 0 0 0;}
	#box {float:right}

	.ads-728x90 { width: 100%; height: auto; margin:0 0 15px 0;}
	.container { width: 670px; min-width: auto; }

	.container .inner-container { width: 640px; }

	#main-menu > ul > li > a { padding: 12px 9px; }
	#main-menu a {
    font-family: 'Oswald';
    font-size: 12px;
    text-transform: uppercase;
}

	.sf-menu ul { width: 170px; }
	.sf-menu li li:hover ul, .sf-menu li li.sfHover ul { left: 168px; }
	.sf-menu li li li:hover ul, .sf-menu li li li.sfHover ul { left: 168px; }

	#content { width: 100%; }

	#sidebar { clear: both; float: left; width: 100%; }

	#sidebar .widget { width: 295px !important; }

	.tabs-widget .tab-links li { width: 96px; }
	.tabs-widget .tab-links li:first-child { width: 95px; }

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 679px) {

.tabs dd a, .tabs li a {padding: 0px 15px; }
.tabs dd a:hover, .tabs li a:hover { padding: 0px 15px; }
.dates-num {padding:0px 3px 10px 3px !important;}
.contentSlider h3 {
  font-size: 18px !important;
  line-height: 20px !important;
  margin: 5px 0 8px !important;
  font-weight: bold;
}
.infoBlock h4 {
  font-size: 14px!important;
  color: #FFF !important;
  line-height: 14px!important;
  margin: 0;
  padding-bottom: 3px;
}
.infoBlock {
  position: absolute;
  bottom: 0px;
  top: 190px !important;
  left: auto;
  right: auto;
  width: 100% !important;
  padding-bottom: 0;
  background: #000;
  background: rgba(0,0,0,0.70);
  overflow: hidden;
  padding: 5px 0px 5px 5px !important;  
  color: #FFF !important;
}
.infoBlock p {
  font-size: 12px;
  color: #DDDDDD !important;
  margin: 0;
  width:95% !important;
}



	#top-menu > ul { width: 370px; text-align: center; }
	#top-menu > ul > li { float: none; display: inline-block; }
	#top-menu a { padding: 5px 6px; border: none !important; }

#navcontainer .name {
display: none;
}
#box {
display: none;
}
#logosite {
    padding: 10px 0 0 0;
    margin:0px auto;
    width:150px;
}

	body > header .top-inner-header {
    max-width: 320px;
    margin: auto;
    padding: 0;}
	.sixmenu { width: 150px; float:left}

.post-image-preview{
    max-height: 150px;
    overflow: hidden;
    background-size:100%;
}
	body > header .inner-header { max-width: 470px; }
	.flex-control-nav { position: absolute; top: 222px; left: 0px; text-align: center; }

	.masthead { float:none !important; }	
	.masthead-nobox { float:none !important; }
	#logosite { width:150px;!mportant;float:left}
	#box {float:right}

	.ads-728x90 { width: 100%; height: auto; margin:0 0 15px 0;}
	.container { width: 470px; min-width: auto; margin-left: auto; margin-right: auto; }

	.container .inner-container { width: 460px; }

	#main-menu > ul { display: none; }
	#main-menu select { display: block; padding: 5px; outline: none; margin: 5px; width: 460px; }


	.sf-menu ul { width: 170px; }
	.sf-menu li li:hover ul, .sf-menu li li.sfHover ul { left: 168px; }
	.sf-menu li li li:hover ul, .sf-menu li li li.sfHover ul { left: 168px; }

	#content { width: 100% !important; }

	.carousel-item { float: left; width: 230px !important; }

	.error-404 p { margin: 50px 0; font-size: 62px !important; }
	.error-404 p b { font-size: 82px; }
	.error-404 p span { padding-left: 46px; }

	.flexslider, .flexslider .slides li, .flexslider .slides > li > a { height: 244px; }
	.flex-direction-nav { display: none; }

	#sidebar { clear: both; float: left; width: 100% !important; }

	#sidebar .widget { width: 435px  !important; }

	.tabs-widget .tab-links li { width: 142px; }
	.tabs-widget .tab-links li:first-child { width: 143px; }

	li.widget_social_media > ul > li { width: 136px; }
	li.widget_social_media > ul > li:nth-child(2n) { margin-right: 9px; }
	li.widget_social_media > ul > li:nth-last-child(-n+2) { margin-bottom: 9px; }

	li.widget_ads_small li { width: 134px; height: 134px; }
	li.widget_ads_small li:nth-child(2n) { margin-right: 11px; }

	.contact-form input[type="text"] { float: left; width: 210px; }
	.contact-form.comment input[type="text"] { float: left; width: 135px !important; }

	footer { margin: 0 -5px !important; }
	footer .widget { width: 100% !important; float: left; clear: both; margin-bottom: 20px; }


}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

.tabs dd a, .tabs li a {padding: 0px 15px; }
.tabs dd a:hover, .tabs li a:hover { padding: 0px 15px; }
.dates-num {padding:0px 3px 10px 3px !important;}

.widget-image-category-preview {
    width: 300px !important;
}


.contentSlider h3 {
  font-size: 18px !important;
  line-height: 20px !important;
  margin: 5px 0 8px !important;
  font-weight: bold;
}
.infoBlock h4 {
  font-size: 12px!important;
  color: #FFF !important;
  line-height: 12px!important;
  margin: 0;
  padding-bottom: 3px;
}
.infoBlock {
  position: absolute;
  bottom: 0px;
  top: 106px !important;
  left: auto;
  right: auto;
  width: 300px !important;
  padding-bottom: 0;
  background: #000;
  background: rgba(0,0,0,0.70);
  overflow: hidden;
  padding: 5px 0px 5px 5px !important;  
  color: #FFF !important;
}
.infoBlock p {
  font-size: 12px;
  color: #DDDDDD !important;
  margin: 0;
  width:95% !important;
}
	#top-menu > ul { width: 220px; text-align: center; }
	#top-menu > ul > li { float: none; display: inline-block; }
	#top-menu a { padding: 5px 6px; border: none !important; }

	body > header .top-inner-header {
    max-width: 320px;
    margin: auto;
    padding: 0;}
	.sixmenu { width: 150px; float:left}

.post-image-preview{
    max-height: 150px;
    overflow: hidden;
    background-size:100%;
}
	body > header .inner-header { max-width: 320px; }
	
	.flex-caption a { color: #fff; margin-bottom: 3px; font-family: 'PT Sans'; font-size: 14px; line-height: 20px; display: block; }
	.flex-control-nav { position: absolute; top: 140px; left: 0px; text-align: center; }

	.masthead { float:none !important; }
	.masthead-nobox { float:none !important; }
#logosite {
    padding: 10px 0 0 0;
    margin:0px auto;
    width:150px;
}
	#box {float:right}

	.ads-728x90 { width: 100%; height: auto; margin:0 0 15px 0;}
	.container { width: 320px; min-width: auto; margin-left: auto; margin-right: auto; }

	.container .inner-container { width: 310px; }

	#main-menu > ul { display: none; }
	#main-menu select { display: block; padding: 5px; outline: none; margin: 5px; width: 310px; }


	.sf-menu ul { width: 170px; }
	.sf-menu li li:hover ul, .sf-menu li li.sfHover ul { left: 168px; }
	.sf-menu li li li:hover ul, .sf-menu li li li.sfHover ul { left: 168px; }

	#content { width: 100% !important; }

	.carousel-item { float: left; width: 310px !important; }

	.ads-middle { padding: 5px; }

	.error-404 p { margin: 50px 0; font-size: 62px !important; }
	.error-404 p b { font-size: 82px; }
	.error-404 p span { padding-left: 46px; }

	.flexslider, .flexslider .slides li, .flexslider .slides > li > a { height: 160px; }
	.flex-caption .desc { height: 25px; overflow: hidden; }
	.flex-caption { position: absolute; left: 0; bottom: 0; font-size: 13px; padding: 10px 15px; color: #fff; height: 50px; width: 100%; overflow: hidden; background: rgba(0,0,0, 0.6); background: url(http://www.htmltocss.com/rgbatopng.php?rgba=0,0,0,0.5)\0/; }
	.flex-direction-nav { display: none; }

	#sidebar { clear: both; float: left; width: 100% !important; }

	#sidebar .widget { width: 285px !important; }

	.tabs-widget .tab-links li { width: 92px; }
	.tabs-widget .tab-links li:first-child { width: 93px; }

	li.widget_social_media > ul > li { width: 133px; }
	li.widget_social_media > ul > li:nth-child(2n) { margin-right: 9px; }
	li.widget_social_media > ul > li:nth-last-child(-n+2) { margin-bottom: 9px; }

	li.widget_ads_small li { width: 131px; height: 131px; }
	li.widget_ads_small li:nth-child(2n) { margin-right: 11px; }

	.contact-form input[type="text"] { width: 100%; margin-left: 0px; }
	.contact-form.comment input[type="text"] { width: 100% !important; }

	footer { margin: 0 -5px !important; }
	footer .widget { width: 100% !important; float: left; clear: both; margin-bottom: 20px; }
#navcontainer .name {
display: none;
}
#box {
display: none;
}
#arrow {
font-size:16px !important;
font-weight:bold;
font-family: 'Oswald';
color:#bbb;
margin-bottom:10px;
margin-top:10px;
}

#arrow img {
display: none;
}
	/*-------------------------------------------------*/
	/* =  Comment Tree
	/*-------------------------------------------------*/
	ol#comments li {
		margin-top: 15px;
		border-top: 1px dotted #A7A7A7;
		padding-top: 15px;
	}

	ol#comments > li:first-child {
		margin-top: 0px;
		border-top: none;
		padding-top: 0px;
	}

	ol#comments ul.children {
		margin-left: 0px;
		padding-left: 0px;
		border: none;
	}

	ol#comments ul.children.border {
		border-left: none;
	}

	ol#comments span.border-left {
		display: none;
	}

	ol#comments ul.children:not(.border) li:first-child .author-avatar:after,
	ol#comments ul.children .author-avatar:before {
		content: '';
		border: none;
	}

	ol#comments .comment-text:before {
		content: '';
		border-left: none !important;
	}

	ol#comments ul.children li.last-child .comment-text:before,
	ol#comments li.last-child .comment-text:before {
		content: '';
		border-left: none;
	}
}