@media screen and (max-width: 1199px){
	#heading{
		top: 60px;
	}
	.genie-block .col-left-customize{
		width: 30%;
	}
	.genie-block .col-right-customize{
	    width: 70%;
	}
}
@media screen and (max-width: 991px){
		#heading{
		top:90px;
	}
	#search .form-inline,
	#heading h1,
	#heading h2,
	#home-genie img{
	    margin: 0;
	}
	#search{
		position: relative;
		top: 10px;
		margin-bottom: 20px;
	}
	#search .input-group, #search .select-group{
	    width: 29%;
	}
	.fade-carousel{
	    position: relative;
	    height: 40vh;
	}
	.fade-carousel .carousel-inner .item{
	    height: 40vh;
	}
	.home-article .same-block.newstips-block .text-block{
		margin-bottom: 20px;
	}
	.mainnews .col-left{
		padding-right: 15px;
	}
	.mainnews .col-right{
		padding-left: 15px;
	}
	.mainnews .col-right .same-block.newstips-block.mainnews-block{
		height: auto;
	}
	.genie-block .panel-body{
	    margin-left: 35px;
	}
	.genie-block .panel-title a{
		padding-left: 20px;
	}
	.genie-block .panel-title .collapsed,
	.genie-block .panel-title a{
		background-position: 1px 4px;
	}
	.genie-block .col-left-customize{
		width: 41.66666667%;
	}
	.genie-block .col-right-customize{
	    width: 58.33333333%;
	}
}
@media only screen and (max-width: 991px) and (orientation: landscape){

	.fade-carousel{
	    position: relative;
	    height: 80vh;
	}
	.fade-carousel .carousel-inner .item{
	    height: 80vh;
	}
}
@media only screen and (max-width: 800px){
	.fade-carousel{
	    position: relative;
	    height: 35vh;
	}
	.fade-carousel .carousel-inner .item{
	    height: 35vh;
	}
}
@media only screen and (max-width: 800px) and (orientation: landscape){
	.fade-carousel{
	    position: relative;
	    height: 80vh;
	}
	.fade-carousel .carousel-inner .item{
	    height: 80vh;
	}
}
@media screen and (max-width: 788px){

	#owl-demo1.owl-theme .owl-controls .owl-buttons div.owl-prev,
	#owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-prev,
	#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev,
	#owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-prev,
	#owl-demo5.owl-theme .owl-controls .owl-buttons div.owl-prev,
	#owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-prev,
	#owl-demo7.owl-theme .owl-controls .owl-buttons div.owl-prev,
	#owl-demo8.owl-theme .owl-controls .owl-buttons div.owl-prev{
		left: -12px;
	}
	#owl-demo1.owl-theme .owl-controls .owl-buttons div.owl-next,
	#owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-next,
	#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next,
	#owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-next,
	#owl-demo5.owl-theme .owl-controls .owl-buttons div.owl-next,
	#owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-next,
	#owl-demo7.owl-theme .owl-controls .owl-buttons div.owl-next,
	#owl-demo8.owl-theme .owl-controls .owl-buttons div.owl-next{
		right: -12px;
	}
}
@media screen and (max-width: 768px){
	#owl-demo1.owl-carousel .owl-item img,
	#owl-demo2.owl-carousel .owl-item img,
	#owl-demo3.owl-carousel .owl-item img,
	#owl-demo4.owl-carousel .owl-item img,
	#owl-demo5.owl-carousel .owl-item img,
	#owl-demo6.owl-carousel .owl-item img,
	#owl-demo7.owl-carousel .owl-item img,
	#owl-demo8.owl-carousel .owl-item img{	
		margin: 0 auto;
		width: auto;
	}

}
@media screen and (max-width: 767px){
	#header .navigation nav, 
	#header .navigation nav .navbar-header{
		/*background: #f9545b;*/
	}
	#header .navbar-inverse .navbar-header .navbar-brand,
	#header .navbar-inverse .navbar-nav a{
		padding-top: 7px;
	}
	#search .input-group, #search .select-group{
		width: 100%;
	}
	#heading{
	    top: 185px;
	}
	#header .navigation .navbar .nav > li > a:hover,
	.navbar-inverse .navbar-nav > .open > a:focus{
		border-bottom: none;
	}
	.navbar-fixed-top{
		position: fixed;
	}
	.category_article .col-left,
	.category_article .col-right{
		padding: 0 15px;
	}
	.category_article .col-left{
		margin-bottom: 2px;
	}
	#footer .social{
		margin-bottom: 20px;
	}
	#footer .social p{
		margin-top: 0;
	}
	/*.genie-block .genie-article h4,
	.genie-block .genie-article .description{
		height: auto;
	}*/
	.genie-block .bottom-tip{
		margin-bottom: 30px;
	}
	#header .navigation .navbar .nav > li > a:hover,  .navbar-inverse .navbar-nav > .open > a:focus{
		color: #ffffff;
	}
	#search{
		margin-top: 15px;
	}
	#owl-demo1.owl-carousel .owl-item img,
	#owl-demo2.owl-carousel .owl-item img,
	#owl-demo3.owl-carousel .owl-item img,
	#owl-demo4.owl-carousel .owl-item img,
	#owl-demo5.owl-carousel .owl-item img,
	#owl-demo6.owl-carousel .owl-item img,
	#owl-demo7.owl-carousel .owl-item img,
	#owl-demo8.owl-carousel .owl-item img{	
		margin: 0 auto;
		width: auto;
	}
	.genie-block .panel-default::before{
	    top: 16px;
	    bottom: 34px;
	}
	#header .navigation .navbar .nav > .active > a,
	#header .navigation .navbar .nav > .active > a:hover,
	#header .navigation .navbar .nav > .active > a:focus{
		color: #ffffff;
	}
	.genie-block .col-left-customize{
		width: 41.66666667%;
	}
	.genie-block .col-right-customize{
	    width: 58.33333333%;
	}
}
@media only screen and (max-width: 767px) and (orientation: landscape){
			#heading{
		top:210px;
	}
	.fade-carousel{
	    position: relative;
	    height: 90vh;
	}
	.fade-carousel .carousel-inner .item{
	    height: 90vh;
	}
}
@media screen and (max-width: 665px){
	.genie-block .col-left-customize{
	    width: 49%;
	}
	.genie-block .col-right-customize{
	    width: 51%;
	}
}
@media screen and (max-width: 610px){
	#tab-block .nav-tabs{
		text-align: left;
	}		
}
@media screen and (max-width: 640px){
    #heading{
		top:210px;
	}
	#heading h1{
		font-size: 25px;
		line-height: 26px;
	}
	.fade-carousel{
	    position: relative;
	    height: 35vh;
	}
	.fade-carousel .carousel-inner .item{
	    height: 35vh;
	}
}
@media screen and (max-width: 640px) and (orientation: landscape){

	#heading h1{
		font-size: 25px;
		line-height: 26px;
	}
	.fade-carousel{
	    position: relative;
	    height: 100vh;
	}
	.fade-carousel .carousel-inner .item{
	    height: 100vh;
	}
}
@media screen and (max-width: 570px){
	.genie-block .col-left-customize{
	    width: 58%;
	}
	.genie-block .col-right-customize{
	    width: 42%;
	}
}
@media screen and (max-width: 480px){
	#heading h1{
		font-size: 25px;
		line-height: 26px;
	}
	.fade-carousel{
	    position: relative;
	    height: 50vh;
	}
	.fade-carousel .carousel-inner .item{
	    height: 50vh;
	}
	.genie-block .col-left-customize{
	    width: 100%;
	}
	.genie-block .col-right-customize{
	    width: 100%;
	}
	.genie-block .col-left{
		padding-right: 15px;
	}
	.genie-block .col-right{
		padding-left: 15px;
	}
	.genie-block .mobile-genie{
		display: block;
	}
	.genie-block .desktop-genie{
		display: none;
	}
}
@media screen and (max-width: 480px) and (orientation: landscape){
		    #heading{
		top:210px;
	}
	#heading h1{
		font-size: 25px;
		line-height: 26px;
	}
	.fade-carousel{
	    position: relative;
	    height: 70vh;
	}
	.fade-carousel .carousel-inner .item{
	    height: 70vh;
	}
}
@media screen and (max-width: 360px){
	#heading h1{
		font-size: 20px;
		line-height: 26px;
	}
	.fade-carousel{
	    position: relative;
	    height: 55vh;
	}
	.fade-carousel .carousel-inner .item{
	    height: 55vh;
	}
}
@media screen and (max-width: 360px) and (orientation: landscape){
    #heading{
		top: 60px;
	}
	#heading h1{
		font-size: 20px;
		line-height: 26px;
	}
	.fade-carousel{
	    position: relative;
	    height: 70vh;
	}
	.fade-carousel .carousel-inner .item{
	    height: 70vh;
	}
}
@media screen and (max-width: 340px){
	.article-title h2::before{
		left: -5px;
	}
	.article-title h2::after{
		right: -5px;
	}
}