/*
Responsive
Author: Sikandar Aazam
*/
h3.showmobile{display:none;}
@media only screen and (min-width : 1136px) and (max-width : 1279px) {
div.right-block{width: 78%;}
}

@media only screen and (min-width : 1152px) and (max-width : 1279px) {
div#desktop-menu > ul > li > ul.sub-menu{width: 1062px}
}
@media only screen and (min-width : 1136px) and (max-width : 1151px) {
div#desktop-menu > ul > li > ul.sub-menu{width: 1047px}
}
@media only screen and (min-width : 1024px) and (max-width : 1135px) {
div#desktop-menu > ul > li > ul.sub-menu{width: 940px}
div.right-block{width: 76%;}
div.tag-line{font-size: 26px;font-size: 1.857rem;}
section#heighlight div.post h4	{font-size:25px; font-size: 1.786rem;}
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
.rslides li div.caption{bottom: 20%;}
.rslides li div.caption p{font-size: 40px; font-size: 2.857rem;}
p.welcome-small,
div.book-name,
#testimonial-slider div.post
	{font-size:20px; font-size: 1.429rem;}
div.button-box{top:20%;}	
section#heighlight div.post h4
	{font-size:25px; font-size: 1.786rem;}
section#heighlight div.post div.icon{float: none; margin: 0 auto;}
p.welcome{font-size: 40px; font-size: 2.857rem;}

}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
	div.right-block{float: right; width: auto;}
	#fillter-content .col-small{width:33.33333333%;}
}
@media only screen and (min-width : 1px) and (max-width : 1023px) {
/* Hide on small screen*/
div#desktop-menu,
div.tag-line,h3.desktop,
section#slideshow,
.duplicatedHeader
	{display:none;}
.back-top{display: none !important;}	
h3.showmobile{display:block;}	
/*Show on small screen*/
section#heighlight{margin-top: 0; padding: 40px 0;}
#mobile-menu,
div.side-box h3 i
	{display: block;}
div.socialize{margin-bottom: 5px;}	
div.socialize > ul > li > a{border-radius: 4px;}
div.side-box h3{cursor: pointer;}	
a#menu-button 
	{
	    background:rgba(255,255,255,0.7);
	    border: solid 2px #d33;
	    clear: right;
	    color: #333;
	    display: block;
	    float: right;
	    font-size: 21px;
	    height: 48px;
	    line-height: 48px;
	    text-align: center;
	    width: 48px;
	}
.menu-screen 
	{
		background:#262626;
		bottom: 0;
		left: 0;
		opacity: 0;
		position: fixed;
		right: 0;
		top: 0;
		transition: all 0.15s ease-out 0s;
		-webkit-transition: all 0.15s ease-out 0s;
		-moz-transition: all 0.15s ease-out 0s;
		-ms-transition: all 0.15s ease-out 0s;
		visibility: hidden;
		z-index: 999998;
	}
.menu-screen.is-visible 
	{
		opacity: 0.8;
		visibility: visible;
		display: block;
	}
.mobile-menu 
	{
		background:rgba(204,51,51,0.9);
		bottom: 0;
		height: 100%;
		left: 0;
		overflow-y: scroll;
		position: fixed;
		right: auto;
		top: 0;
		transform: translateX(-220px);
		-moz-transform: translateX(-220px);
		-webkit-transform: translateX(-220px);
		-ms-transform: translateX(-220px);
		transition: all 0.25s linear;
		-webkit-transition: all 0.25s linear;
		-moz-transition: all 0.25s linear;
		-ms-transition: all 0.25s linear;
		width: 220px;
		z-index: 999999;
		padding: 20px;
	}
.mobile-menu.is-visible 
	{ 
		transform: translateX(0px); 
		-moz-transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-ms-transform: translateX(0px);
	}

#mobile-menu ul{margin: 0; padding: 0; list-style: none;}
#mobile-menu ul li{position: relative;}
#mobile-menu ul li a
	{
		display: block;
		color: #fff;
		line-height: 48px;
		border-bottom: solid 1px #c66;
		font-size:20px; font-size:1.429rem;
		margin: 1px 0;
	}
#mobile-menu ul li a:hover,
#mobile-menu ul li a.active	{color: #000;}
.menu-open
	{
		position: absolute;
		right: 0;
		background: #c66;
		height: 47px;
		width: 48px;
		text-align: center;
		color: #fff;
		line-height: 45px;
		cursor: pointer;
		font-weight: 700;
	}	
#mobile-menu ul.sub-menu
	{display: none;}
div.book-week{height: auto;}
.col-small,
.col-large{width: 100%;}
div.side-box{padding: 10px 10px 0 10px;}
div.side-box h3{margin-bottom: 0;}
div.side-box div.inner{display: none;}
#mobile-menu li.view-all > a{color: #333;}
div.thumb {text-align: center;}
div.thumb > img{margin: 0 auto;}
}

@media only screen and (min-width : 420px) and (max-width : 767px) {
	div.fillter-content-area div.post,
	div.book-week
		{margin: 0 auto; width: 60%;}
}

@media only screen and (min-width : 1px) and (max-width : 767px) {
.stickyHeader{position: relative;}	
div.socialize > ul > li.show-search{position: inherit;}
div.search
	{
		right: 0;
		left: 0;
		top: 147px;
		width: 100%;
	}
div.search input[type="text"]{width: 90%;}	
div#logo{width: 150px; padding: 5px; margin-right: 0;}
div.right-block{width: 100%;}
nav{position: inherit;}
a#menu-button
	{
		position: absolute;
		top:20px; right: 0;
	}
div#search{right: -48px; top:40px; width: 280px; z-index: 5;}
.rslides li div.caption{bottom: 0; height: 100%;}
.rslides li div.caption p{font-size:18px; font-size:1.286rem; line-height: normal;}
ul.rslides_tabs{width: 30%;}
.col-small,
.col1,
.col2,
.col3,
.col4,
.col-large{width: 100%;}
p.welcome{margin-top: 20px; line-height: normal;}
div.book-fillter ul li{margin: 1px;}
.cover{padding: 20px;}
.cover:before
	{
    height: 96%;
		top: 10px; bottom: 0;
		left: 10px; right: 10px;
    width: 100%;
		z-index: 0;
    transform: skew(0deg, 0deg) ;
    -webkit-transform: skew(0deg, 0deg) ;
    -moz-transform: skew(0deg, 0deg) ;
    -o-transform: skew(0deg, 0deg) ;
    -ms-transform: skew(-0deg, 0deg) ;
	}
div.page-title,	
#testimonial-slider div.post{line-height: normal;}
}
@media only screen and (min-width : 1px) and (max-width : 419px) {
div.order-history div.order-data{clear: both;}
div.order-history li p{display: block;}	
}