/*==========
responsive css
=======================*/
@media only screen and (max-width:1199px){
	.container{
		width: 100%;
	}
	.flex-control-thumbs{
		left: 6%;
	}
	.widget-area .widget.widget_search form input[type="search"]{
		width: 65%;
	}


	/*header-2 responsive styles*/
	.site-header.header-2 .left{
		padding:8px 10px 8px 15px;
	}

}
@media only screen and (min-width: 992px){
	#nav-holder{
		display: none;
	}
	.site-header.header-3 #nav-holder{
		display: none;
	}
	.site-header.header-3 .main-navigation{
		display: block;
	}
}
@media only screen and (max-width:991px){
	.main-navigation{
		display: none;
	}
	.fa-angle-down::before{
		display: none;
	}
	#lightSlider li .banner-text{
		bottom: 8%;
	}
	.widget-area .widget.widget_search form input[type="search"], 
	.page-header form input[type="search"],
	 .error404 .not-found form input[type="search"]{
		padding: 6px 16px;
		width: 52%;
	}
	.top-section .post .text .text-content{
		bottom: 6%;
		left: 8%;
	}
	.post .bottom-content .entry-meta span{
		width: 100%;
	}
	.post .bottom-content .entry-meta{
		float: none;
		margin-bottom: 10px;
	}
	.post .bottom-content .social-networks{
		float: none;
	}
	.post .bottom-content .social-networks li{
		float: none;
		display: inline-block;
	}
	.post .bottom-content .read-more{
		margin-bottom: 10px;
	}
	.error404 .not-found .error-404{
		width: 100%;
	}
	.site-header.header-5 .form-section{
		margin-top: 15px;
	}
	.site-header.header-7 .header-bottom{
		width: 100%;
		left: 0;
	}
	.site-header.header-2 #nav-holder{
		padding-right: 15px;
		margin:20px 0;
	}
	.site-header.header-4 #nav-holder,
	.site-header.header-5 #nav-holder,
	.site-header.header-9 #nav-holder,
	.site-header.header-12 #nav-holder{
		margin:15px 0;
		text-align: left;
	}

	.site-header.header-4 #nav-holder,
	.site-header.header-5 #nav-holder,
	.site-header.header-6 #nav-holder{
		float: right;
		width: auto;
	}

	.site-header.header-4 .form-section,
	.site-header.header-6 .form-section{float: left;}

	.site-header.header-2 .left{
		padding:13px 10px;
	}
	.site-header.header-6 #nav-holder{
		margin:14px 0;
	}
	.site-header.header-8 .site-branding{
		margin-top: 0;
	}
	.site-header.header-8 .site-title{
		margin-bottom: 0;
	}
	.site-header.header-8 .site-description{
		margin:5px 0;
	}
	.site-header.header-3 .site-branding{
		margin:0;
		float: none;
		padding:0 15px;
		text-align: center;
	}
	.site-header.header-3 #nav-holder{
		width: 80%;
		text-align: center;
		float: none;
		margin:10px auto;
	}

	#primary,
	#secondary{width: 100%;}

	.site-header.header-8{
		position: relative;
		background: #1bbc9b;
	}

	.sidr-open .site-header.header-9 #nav-holder{margin-left: 260px;}

	.site-header.header-12 #nav-holder{
		float: right;
		width: auto;
	}

	.site-header.header-12 .social-networks{float: left;}


	.site-header.header-2 .right .top{
		padding: 0 10px;
	}

	.site-header.header-12 .social-network-section{
		float: left;
	}

	.site-header.header-13 .header-bottom{
		padding: 15px 0;
	}

	.site-header.header-13 .col{
		width: 50%;
	}
	
}
@media only screen and (max-width:767px){
	.widget-area .widget.widget_search form input[type="search"], 
	.page-header form input[type="search"],
	 .error404 .not-found form input[type="search"]{
	 	width: 56%;
	 }
	.site-header .container{
		padding: 0;
	}
	.top-section .post-thumbnail img{
		width: 100%;
	}
	.site-header .header-top .social-network-section{
		float: none;
		width: 100%;
		text-align: center;
	}
	.site-header .header-top .social-network-section span{
		float: none;
	}
	.site-header .header-top .social-network-section .social-networks li{
		float: none;
		display: inline-block;
	}
	.site-header .header-top .social-network-section .form-section{
		width:100%;
		margin: 0;
		padding: 0 15px;
		background: none;
	}
	.site-header .header-top .social-network-section .form-section .example form{
		top:0;
		left: 0;
	}
	.site-header .header-top .social-network-section .form-section form input[type="text"]{
		width: 100%;
		float: left;
		padding: 10px 15px 3px;
	}
	.site-header .header-top .social-network-section .fa.fa-search{
		position: absolute;
		right: 0;
		width: 15%;
		display: block;
	}
	.slider .banner-text{
		position: relative;
		background: #fff;
		top:100%;
		padding-bottom: 20px;
	}
	.banner-text .text{
		width: 100%;
		padding: 10px 0 0;
	}
	.flex-control-thumbs{
		display: none;
	}
	.top-section .column{
		width: 100%;
	}
	#primary{
		width: 100%;
		padding-bottom: 10px;
	}
	.post .entry-content,
	.page .entry-content{
		padding: 0 16px;
	}
	.navigation.pagination .nav-links .page-numbers{
		padding: 1px 7px;
		margin-right: 4px;
	}
	#secondary{
		width: 100%;
	}
	.site-footer .column{
		width: 100%;
	}
	.site-branding{
		margin-bottom: 50px;
		padding-bottom: 30px;
	}
	.site-header .header-bottom .container{
		padding:0 15px;
	}
	.widget-area .widget.widget_social_networks ul li{
		float: none;
		display: inline-block;
	}
	#lightSlider li .banner-text{
		position: relative;
	}
	.banner-text .read-more{
		font-size: 12px;
		line-height: 15px;
	}
	.banner-text .text h2{
		font-size: 20px;
		line-height: 24px;
	}
	.banner-text .text span{
		font-size: 10px;
		line-height: 13px;
	}
	.advertisement{
		text-align: center;
	}
	.site-footer{
		text-align: center;
	}
	.blog .post .entry-header{
		text-align: center;
	}
	.blog .post .entry-content{
		text-align: center; 
	}
	.single-post #primary .comments-area .avatar.photo{
		float: none;
		width: 100%;
	}
	.single-post #primary .comments-area .comment-content{
		margin:0 0 0;
	}
	.single-post #primary .comments-area .reply{
		margin:0;
		text-align: center;
	}
	.single-post #primary .comments-area .children{
		margin: 0;
		padding: 0;
	}
	.alignleft{
		float: none;
		width: 100%;
	}
	.single-post #primary .comments-area .comments-title{
		text-align: center;
	}
	.single-post #primary .author-section{
		text-align: center;
	}
	.single-post #primary .comments-area{
		text-align: center;
	}
	.site-content{
		padding-top: 15px;
	}
	.top-section .post{
		margin-bottom: 30px;
	}
	.site-header .form-section{
		padding:0;
		height: auto;
	}
	.site-header .form-section .example{
		display: block;
		width: 100%;
		position: relative;
		top: 0;
	}

	.site-header .form-section form{
		width: 100%;
	}

	/*
	.site-header .form-section form input[type="search"]{
		width: 90%;
		padding:4px 10px;
		box-sizing: border-box;
		height: 100%;
	}*/
	.site-header .form-section #search-btn{
		display: none;
	}
	.site-header .form-section form input[type="submit"]{
		float: right;
		display: block;
		box-shadow: none;
		border: 0;
		width: 30px;
		height: 100%;
		text-indent: -9999px;
		border-radius: 0;
		background:url(../images/search-icon2.png) no-repeat 0 15px;
	}
	.site-branding{
		padding:15px 0 0;
		margin:0;
	}

	.site-header.header-2 .left{
		width: 100%;
		text-align: center;
	}
	.site-header.header-2 .site-branding{
		padding-top: 0;
	}
	.site-header.header-2 .site-description{
		margin-top: 0;
	}
	.site-header.header-2 .right{
		width: 100%;
		text-align: left;
		position: relative;
	}
	.site-header.header-2 .right .top .links,
	.site-header .social-network-section{
		float: none;
		
	}

	.site-header.header-2 .right .top{
		padding: 0;
	}
	.site-header.header-2 .right .top .links{
		padding-left: 15px;
	}
	.site-header .social-network-section span,
	.site-header .form-section{
		float: none;
	}
	.site-header.header-2 .right .top{
		padding-right: 0;
	}
	.site-header.header-2 .right .bottom{
		position: absolute;
		top: 0;
		right: 0;
	}


	.site-header.header-2 .form-section{
		margin-left: 0;
		width: auto;
	}
	.site-header.header-2 .social-network-section .form-section form input[type="submit"]{
		display: block;
	}
	.site-header.header-2 .social-network-section span{
		vertical-align: top;
		padding-left: 15px;
	}
	.site-header .top-menu{
		display: none;
	}
	.site-header.header-3 .social-networks{
		float: none;
		width: 100%;
		text-align: center;
	}
	.site-header.header-3 .form-section form input[type="search"]{
		width: 82%;
	}
	.site-header.header-3 .site-branding{
		margin:0;
		padding:0 15px;
		float: left;
		text-align: left;
	}
	.site-header.header-3 .site-description{
		margin:0;
	}
	.site-header.header-4 .social-networks,
	.site-header.header-4 .links{
		float: none;
	}
	.site-header.header-4 .links,
	.site-header.header-5 .links{
		padding:0 0 10px;
		margin:0;
		text-align: center;
		float: none;
	}
	.site-header.header-4 .header-m{
		padding:0;
	}
	.site-header.header-4 #nav-holder{
		width: 25px;
	}

	.site-header.header-4 .form-section, .site-header.header-6 .form-section{
		float: none;
		width: 50%;
	}

	.site-header.header-4 .site-branding{
		padding: 10px 0;
	}

	.site-header .social-network-section .social-networks li a{
		font-size: 16px;
		line-height: 20px;
	}

	.site-header.header-4 .form-section{
		width: 80%;
	}

	.site-header.header-4 .links{
		border-left: 0;
	}

	.site-header.header-4 .social-network-section .social-networks li a{
		padding-top: 0;
	}

	.site-header.header-4 .form-section form{
		height: 46px;
	}
	.site-header.header-4 .form-section form input[type="search"]{
		width: 70%;
		margin-bottom: 0;
		height: 100%;
		padding: 6px 10px;
	}

	.site-header.header-4 .form-section form input[type="submit"]{
		height: 100%;
		padding: 30px 0 0;
		background-position: center center
	}
	.site-header.header-5 .social-networks{
		float: none;
	}
	.site-header.header-5 .site-branding{
		float: none;
		text-align: center;
		padding: 10px 0;
	}
	.site-header.header-5 .header-m{
		padding:0;
	}
	.site-header.header-5 .form-section{
		margin:0;
	}
	.site-header.header-5 .form-section{
		width: 100%;
	}
	.site-header.header-6 .site-branding{
		float: none;
		text-align: center;
		width: 100%;
		padding-top: 0;
	}
	.site-header.header-6 .social-networks{
		float: none;
	}

	.site-header.header-6 .social-network-section .social-networks li{
		margin-left: 5px;
	}
	.site-header.header-6 .site-description{
		margin:0 0 10px;
	}
	.site-header.header-6 .form-section form input[type="search"]{
		width: 75%;
	}
	.site-header.header-7 .header-top{
		padding:10px 0;
	}
	.site-header.header-7 .header-top .links{
		padding:0 15px;
		text-align: center;
		float: none;
	}
	.site-header.header-7 .header-top .links span{
		display: block;
		margin:0 0 5px;
	}
	.site-header.header-7 .social-network-section{
		margin-bottom:0;
	}
	.site-header.header-7 .social-networks{
		float: none;
		width: 100%;
	}

	 .site-header.header-6 .form-section{
        width: 80%;
    }

    .site-header .form-section #search-btn{
    	display: block;
    }

    .site-header .form-section .example{
    	display: none;
    }
	.site-header.header-7 .form-section form{
		border-bottom: 1px solid #57524d;
		margin:0;
	}
	.site-header.header-7 .form-section form input[type="search"]{
		width: 86%;
	}
	.site-header.header-7 .form-section form input[type="submit"]{
		display: block;
		background: rgba(0, 0, 0, 0) url("../images/search-icon.png") no-repeat scroll 0 15px;
	}
	.site-header.header-7 .site-branding{
		
	}
	.site-header .form-section .example{
		top: 100%;
	}
	.site-header.header-7 .header-bottom{
		position: relative;
		padding:0 15px;
	}
	.site-header.header-8 .header-top .links{
		padding-right: 0;
		float: none;
		text-align: center;
	}
	.site-header.header-8 .header-top .links span{
		display: block;
		padding: 0 15px;
		margin:0 0 5px;
	}
	.site-header.header-8 .form-section form input[type="submit"]{
		
	}
	.site-header.header-8 .header-top .social-network-section {
		text-align: center;
		width: 56%;
		margin:0 auto;
	}
	.site-header.header-8 .social-networks{
		float: left;
	}
	.site-header.header-8 .header-top .social-network-section .form-section{
		float: right;
		width: 25px;
		margin-top: 10px;
		width: auto;
	}
	.site-header.header-8 .form-section #search-btn{
		display: block;
	}
	.site-header.header-8 .form-section .example{
		position: absolute;
		top: 100%;
		width: 200px;
		display: none;
	}
	.site-header.header-8 .site-branding{
		margin-top: 0;
		padding-top: 0;
	}
	.site-header.header-8 .site-description{
		margin:0;
	}
	.site-header.header-8 #nav-holder{
		margin:16px 0;
	}
	.site-header.header-9 .social-networks{
		float: right;
	}
	.site-header.header-9 .header-top .social-network-section{
		padding:0 15px;
	}
	.site-header.header-9 .header-top .social-network-section .form-section{
		float: right;
		width: 25px;
		margin-top: 10px;
		margin-right: 15px;
	}
	.site-header.header-9 .form-section #search-btn{
		display: block;
	}
	.site-header.header-9 .form-section .example{
		position: absolute;
		top: 100%;
		width: 200px;
		display: none;
	}
	.site-header.header-9 .site-branding{
		margin-top: 0;
		padding:15px 0;
	}
	.site-header.header-9 .site-description{
		margin:0;
	}
	.site-header.header-9 #nav-holder{
		padding-left: 15px;
	}
	.site-header.header-10 .header-top .links{
		float: none;
		text-align: center;
		padding-right: 0;
	}
	.site-header.header-10 .header-top .links span{
		display: block;
		margin:0 0 5px;
		padding-left: 0;
	}
	.site-header.header-10 .social-networks{
		float: none;
	}
	.site-header.header-10 .site-branding{
		margin-top: 0;
		padding:15px 0 15px 15px;
	}
	.site-header.header-10 #nav-holder{
		padding-left: 15px;
	}
	.site-header.header-10 .form-section #search-btn{
		display: block;
	}
	.site-header.header-10 .form-section .example{
		position: absolute;
		top: 100%;
		width: 200px;
		display: none;
	}
	.site-header.header-10 .site-description{
		margin:0;
	}
	.site-header.header-10 .form-section{
		padding:20px 0 38px;
		margin:0 0 0 8px;
		height: auto;
	}
	.site-header.header-10 #nav-holder, 
	.site-header.header-11 #nav-holder{
		margin: 24px 0 0;
	}
	.site-header.header-11 .header-top .links{
		float: none;
		text-align: center;
		padding-right: 0;
	}
	.site-header.header-11 .header-top{
		padding:5px 0;
	}
	.site-header.header-11 .header-top .links span{
		display: block;
		margin:0 0 8px;
		padding-left: 0;
	}
	.site-header.header-11 .social-networks{
		float: none;
	}
	.site-header.header-11 .site-branding{
		margin-top: 0;
		padding:15px 0;
	}
	.site-header.header-11 #nav-holder{
		width: 25px;
	}
	.site-header.header-11 .form-section{
		margin-left: 5px;
		padding:19px 0px 38px;
		height: auto;
		margin-right: -14px;
	}
	.site-header.header-11 .form-section #search-btn{
		display: block;
	}
	.site-header.header-11 .form-section .example{
		position: absolute;
		top: 100%;
		width: 200px;
		display: none;
	}
	.site-header.header-11 .site-description{
		margin:0;
	}
	.site-header.header-12 .header-top .container{
		padding:0 15px;
	}
	.site-header.header-12 .site-branding{
		float: none;
		width: 100%;
		text-align: center;
		margin-top: 0;
		padding:15px 0;
	}
	.site-header.header-12 .site-description{
		margin:0;
	}
	.site-header.header-12 .form-section{
		float: none;
		width: 100%;
		margin-left: 0;
		padding:10px 15px;
	}
	.site-header.header-3 #nav-holder{
		margin-top: -66px;
		text-align: right;
		float: right;
		width: 25px;
	}
	.site-header.header-10,
	.site-header.header-6{
		position: relative;
	}
	.home.two-col-leftsidebar .site-content .site-main .post,
	.home.two-col-rightsidebar .site-content .site-main .post{width: 100%;}

	.post .bottom-content .entry-meta{
		position: relative;
		top: 0;
		left: 0;
	}

	#primary .post .entry-header,
	#primary .page .entry-header{
		margin-left: 10px;
		margin-right: 10px;
	}

	.site-footer .site-info{
		display: block;
		width: 100%;
	}

	.blog.three-col-full-width .site-content .site-main .post{width: 100%;}

	.site-header.header-13 .col{width: 100%;}

	#primary .post .entry-header,
	#primary .page .entry-header{padding-top: 15px;}

	input[type="text"],
	input[type="email"],
	input[type="url"],
	input[type="password"],
	input[type="search"],
	textarea{
		width: 100%;
	}

	#primary .widget.widget_halcyon_pro_author_post ul li,
	#primary .widget.widget_halcyon_pro_category_post ul li,
	#primary .widget.widget_halcyon_pro_popular_post ul li,
	#primary .widget.widget_halcyon_pro_recent_post ul li{
		width: 100%;
	}

	.single-post #primary .comment-form .comments-area.form form input[type="text"],
	.single-post #primary .comment-form .comments-area.form form input[type="email"]{
		width: 100%;
	}

	.rara-span6,
	.rara-span1,
	.rara-span2,
	.rara-span3,
	.rara-span4,
	.rara-span5{width: 100%;}

	.woocommerce .site-main{padding: 10px;}

	.woocommerce div.product .woocommerce-tabs ul.tabs li{padding: 0;}

	.woocommerce-Reviews .commentlist{padding-left: 0;}

	#primary .post-section .widget.widget_recent_entries ul li{width: 100%;}

	.slider .lSAction > a{
		top: 20%;
		opacity: 1;
	}

	.slider .lSAction > .lSPrev,
	.slider .lSAction > .lSNext{
		background-size: 12px 20px;
	}

	#wpadminbar{
		position: fixed;
	}

	.banner-text .text h2{
		font-size: 22px;
		line-height: 25px;
	}

	.bottom-content .social-networks{
		position: relative;
		width: 100%;
		right: 0;
	}

	.site-header .social-network-section .social-networks{
		margin-left: 0;
		padding: 0 15px;
	}

	.site-header.header-2 .left{
		padding: 10px;
	}

	.site-header.header-13  #nav-holder{
		margin:10px;
	}

	.site-header.header-13 .site-branding{
		margin:0;
	}

	.site-header.header-13 .form-section{
		width: 100%;
	}


	
}