/* iPads (portrait and landscape) ----------- */
@media (max-width: 1200px) {	
#rst-header .logo{		
	width: 35%;	
}	
#rst-header  #tf-menu{
	width: 65%;	
}
#rst-header #tf-menu .nav > li > a{	
	padding-left: 10px;		
	padding-right: 10px;	
}}
@media (max-width: 991px) {	
	#rst-header .logo{	
		width: auto;
		float: none;
		text-align: center;
	}	
	#rst-header #tf-menu{
		position: static;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		width: 100%;
	}
	#rst-header #tf-menu .nav > li > a{		
		padding-left: 15px;		
		padding-right: 15px;	
	}
	.inner-main-header{
		text-align: center;
	}
	.inner-main-header #top-header{
		padding-bottom: 0;
	}
	.inner-main-header{
		margin-bottom: 40px;
	}
	.inner-main-header #top-header{
		padding-top: 40px !important; 
	}
	.social-custom .social{
		margin: 0 !important;
		padding: 20px 0;
	}
	.social-custom,.daisy-search-form{
		position: static;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
	}
	#rst-header{
		padding: 20px 0 0 ;
	}
	.rb{
		border: none;
	}
	.share-tag-box  .text-right{
		text-align: left;
	}
	.share-tag-box > div{
		padding: 0;
	}
	
}
@media (max-width: 768px) {
	#rst-header #tf-menu{
		margin-top: 20px;
	}
	.navbar-nav > li{
		display: block;
	}
	body{ overflow-x: hidden;}
   #tf-menu,
   #bs-example-navbar-collapse-1{ text-align: center;}
   .navbar-nav,
   .navbar-right{ 
   		float: none !important;
   		text-align: center;
   		display: inline-block;
   }
   #top-header.layout-two {
	    margin-top: 100px;
	}
    .carousel-control .fa { top: 40% }
	.sidebar{ margin-top: 60px}
	.quote a.meta-date{position: relative;}
	/* Layout Two */
	ul.insta-photos li img { width: 100px }
}
@media (max-width: 767px) {
	.navbar-nav,
   	.navbar-right{ display: block }
	ul.navbar-right li {
	  display: inline-block;
	}
	.navbar-toggle {
	    float: none !important;
	    border: 0;
	    margin-right: 0;
	}
	.navbar-default .navbar-toggle:hover, 
	.navbar-default .navbar-toggle:focus{ background: transparent;}
	.navbar-default .navbar-toggle {
	    color: #FFF;
	    text-align: center;
	}
	#top-header img,#tf-footer .logo,#rst-header .logo img{
		max-width: 90%;
	}
	#map{
		height: 280px;
	}
	#tf-content{
		padding-top: 20px;
	}
	.post-detail h2{
		margin: 10px 0 0 !important;
	}
	ul.nav.navbar-nav.nav-center{
		margin-bottom: 0;
		display: block;
	}
	.sub-menu{
		width: 100%;
		float: none;
		text-align: center;
		position: static;
		border-left: none;
		border-right: none;
	}
	.sub-menu li a{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	#headerSlider .post-detail .inner-post-detail{
		padding: 20px 15px;
	}
	#headerSlider .item img{
		min-height: 260px;
		width: 776px !important;
		max-width: 776px !important;
	}
	.rst-container-box-detail-home,#headerSlider .post-detail{
		width: 80%;
	}
	
	.main-slider{
		padding: 0 !important;
		margin-left: -1.5%;
		margin-right: -1.5%;
	}
}
@media (max-width: 603px) { 
	#top-header.layout-two {
	    margin-top: 50px;
	}
	.carousel-control .fa { top: 35% }
    a.meta-date{ position: relative }
    .post-detail h2, 
    .post-detail h2 a {
	    left: auto;
		margin-bottom: 10px;
		margin-top: 4px;
	}
	.layout-one .blog-post a.meta-date,
	.category a.meta-date {left: 43%;}
	.post-detail  .metas{
		display: none;
	}
	.title::before, .comment-reply-title span::before, .comment-reply-title span::after, .title::after, .meta-cat::before, .meta-cat::after{
		display: none;
	}
	.post-detail{
		padding-left: 5px;
		padding-right: 5px;
	}
	.title, .comment-reply-title span, .meta-cat{
		padding-left: 20px;
		padding-right: 20px;
	}
	#map{
		height: 220px;
	}
}
@media (max-width: 460px) {
	ul.social li a i{
		margin: 0 !important;
	}
	.navbar-default .navbar-toggle:hover, 
	.navbar-default .navbar-toggle:focus{ background: transparent;}
	#header-slider .carousel-caption{
		display: none;
	}
	.carousel-control .fa { top: 38% }
	.youtube .metas a,
	.vimeo .metas a{ display: none;}
	.layout-one .blog-post a.meta-date,
	.category a.meta-date { left: 39%}
	#tf-page-header h2{
		letter-spacing: 5px;
	}
	.header-bg{
		height: auto;
	}
	#map{
		height: 180px;
	}
	.form-submit{
		text-align: left;
	}
	.comment .media-left,.comment .media-right,.comment .media-body{
		display: block;
	}
	.comment .media-body{
		margin-top: 20px;
		width: auto;
	}
	.comment .media-body p{
		line-height: 22px;
	}
	.widget_about .widget-wrap{
		padding: 0;
	}
	#comments .children{
		margin-left: 20px;
	}
	.img-wrap blockquote{
		padding-left: 0;
		font-size: 15px;
		padding-right: 0;
	}
	
}
@media (max-width: 360px) { 
	.carousel-control .fa { top: 43% }
	.post-detail h2, .post-detail h2 a {
	    letter-spacing: 0;
	    font-size: 22px;
	    line-height: 28px;
	}
	.metas a { padding: 2px 15px}
	.layout-one .blog-post a.meta-date,
	.category a.meta-date { left: 38%;}
	.media.reply-comment {margin-left: 0;}
}
@media (max-width: 320px) { 
	.navbar-default .navbar-toggle:hover, 
	.navbar-default .navbar-toggle:focus{ background: transparent;}
	
	.carousel-control .fa { top: 41% }
	.post-detail h2, 
	.post-detail h2 a { 
		font-size: 22px; 
		line-height: 26px;
	}
	.sidebar ul.social li a i,
	ul.social li a i{ 
		width: 40px;
		height: 40px;
		font-size: 15px;
		padding: 0;
		line-height: 40px;
	}
	#tf-footer blockquote, 
	.post-detail .img-wrap blockquote{ font-size: 16px;}
	.metas a { display: none;}
	a.meta-date{
		width: 60px;
		height: 60px;
		padding: 5px
	}
}