/*CSS FOR RESPONSIVE LAYOUTS*/

@media only screen and (min-width: 1025px) and  (max-width: 1280px) {
	.flex-home-img {
    margin-bottom: 0px!important;
    float: left;
	width: 99.99%;
}

 }

@media only screen and (min-width: 1024px) and {
#container{ width: 1124px !important;}
.container {width: 1104px !important; }
.main-menu > li > a, .main-menu > li > a:hover {padding: 15px 13px 16px 13px;}
.sidebar .widget  .top-search input{width: 145px;}
.after-nav-info{display: none;}
.fullwidthbanner{
    max-height: 310px;}

.flex-slider-text{ margin-top:0px;margin-bottom: 0px; overflow: hidden; height: 100% !important; }
.flex-slider-text h2{font-size: 22px;line-height: 20px;}
.flex-slider-text p{font-size: 13px;line-height: 18px;}
ul.main-menu.alternative{float: left;width: 100%;display: block;margin-top: 15px;}
ul#portfolio-container.two-columns li {width: 47.88%;}
ul#portfolio-container  .flex-control-nav li, .blog-post .flex-control-nav li{ width: 10px;}
ul#portfolio-container.two-columns li .item-wrapp .portfolio-item:hover  a.item-permalink{left: 38%;}
ul#portfolio-container.two-columns li .item-wrapp .portfolio-item:hover  a.item-preview{right: 38%;}
ul#portfolio-container.three-columns li .item-wrapp .portfolio-item:hover  a.item-permalink{left: 31.5%;}
ul#portfolio-container.three-columns li .item-wrapp .portfolio-item:hover  a.item-preview{right: 31.5%;}
.one-third.product .item-wrapp .portfolio-item:hover  a.item-permalink{left: 26%;}
.one-third.product .item-wrapp .portfolio-item:hover  a.item-preview{right: 26%;}
.portfolio-item:hover  a.item-permalink{left: 26%;}
.portfolio-item:hover  a.item-preview{right: 26%;}
.blog-item.small:hover  a.item-permalink{display: none;}
.blog-item.small:hover  a.item-preview{display: none;}
.blog-item.medium:hover  a.item-permalink{left: 34%;}
.blog-item.medium:hover  a.item-preview{right: 34%;}
.blog-item.large:hover  a.item-permalink{left: 42%;}
.blog-item.large:hover  a.item-preview{right: 42%;}
.blog-post.layout-2 .media-holder{ float:left;width: 110px;}
.comment-entry{margin:-70px 0 0 90px;width:75%;}
ul.commentlist li.child .comment-entry{  width:70%;}
}


@media only screen and (min-width: 960px) and (max-width: 1024px) {
#container{ width: 960px !important;}
.container {width: 920px !important; }
.t-search-box {width: 190px !important;}
.main-menu > li > a, .main-menu > li > a:hover {padding: 15px 10px 16px 10px;}
.sidebar .widget  .top-search input{width: 145px;}
.after-nav-info{display: none;}
.fullwidthbanner{
    max-height: 310px;}

.flex-slider-text{ margin:0px !important;padding: 0px !important; height: 100% !important; }
.flex-slider-text h2{font-size: 22px;line-height: 28px;}
.flex-slider-text p{font-size: 13px;line-height: 21px;}
ul.main-menu.alternative{float: left;width: 100%;display: block;margin-top: 15px;}
ul#portfolio-container.two-columns li {width: 47.88%;}
ul#portfolio-container  .flex-control-nav li, .blog-post .flex-control-nav li{ width: 10px;}
ul#portfolio-container.two-columns li .item-wrapp .portfolio-item:hover  a.item-permalink{left: 38%;}
ul#portfolio-container.two-columns li .item-wrapp .portfolio-item:hover  a.item-preview{right: 38%;}
ul#portfolio-container.three-columns li .item-wrapp .portfolio-item:hover  a.item-permalink{left: 31.5%;}
ul#portfolio-container.three-columns li .item-wrapp .portfolio-item:hover  a.item-preview{right: 31.5%;}
.one-third.product .item-wrapp .portfolio-item:hover  a.item-permalink{left: 26%;}
.one-third.product .item-wrapp .portfolio-item:hover  a.item-preview{right: 26%;}
.portfolio-item:hover  a.item-permalink{left: 26%;}
.portfolio-item:hover  a.item-preview{right: 26%;}
.blog-item.small:hover  a.item-permalink{display: none;}
.blog-item.small:hover  a.item-preview{display: none;}
.blog-item.medium:hover  a.item-permalink{left: 34%;}
.blog-item.medium:hover  a.item-preview{right: 34%;}
.blog-item.large:hover  a.item-permalink{left: 42%;}
.blog-item.large:hover  a.item-preview{right: 42%;}
.blog-post.layout-2 .media-holder{ float:left;width: 110px;}
.comment-entry{margin:-70px 0 0 90px;width:75%;}
ul.commentlist li.child .comment-entry{  width:70%;}
}



/*___________________________________________________________________*/

/*---------------iPad & Samsung Galaxy Tablets portrait---------------*/
/*___________________________________________________________________*/

@media only screen and (min-width: 768px) and (max-width: 959px) {
#container{ width: 98%;}
.container {width: 100%; }
.sidebar .widget  .top-search input{width: 145px;}
.after-nav-info{display: none;}
.flex-slider-text{ margin-top: 0px;margin-bottom: 0px; height: 100% !important; }
.flex-home-img {width: 99.99%;}
.flex-home-img img {width: auto;}
.flex-slider-text h2{font-size: 14px;line-height: 1; margin: 0px !important; padding: 0px !important}
.flex-slider-text p{font-size: 11px !important;line-height: 1.5 !important;}
.button.color { padding: 0px 10px !important;}
ul.main-menu.alternative{float: left;width: 100%;display: block;margin-top: 15px;}
ul#portfolio-container.two-columns li {width: 47.88%;}
ul#portfolio-container  .flex-control-nav li, .blog-post .flex-control-nav li{ width: 10px;}
ul#portfolio-container.two-columns li .item-wrapp .portfolio-item:hover  a.item-permalink{left: 38%;}
ul#portfolio-container.two-columns li .item-wrapp .portfolio-item:hover  a.item-preview{right: 38%;}
ul#portfolio-container.three-columns li .item-wrapp .portfolio-item:hover  a.item-permalink{left: 31.5%;}
ul#portfolio-container.three-columns li .item-wrapp .portfolio-item:hover  a.item-preview{right: 31.5%;}
.one-third.product .item-wrapp .portfolio-item:hover  a.item-permalink{left: 26%;}
.one-third.product .item-wrapp .portfolio-item:hover  a.item-preview{right: 26%;}
.portfolio-item:hover  a.item-permalink{left: 26%;}
.portfolio-item:hover  a.item-preview{right: 26%;}
.blog-item.small:hover  a.item-permalink{display: none;}
.blog-item.small:hover  a.item-preview{display: none;}
.blog-item.medium:hover  a.item-permalink{left: 34%;}
.blog-item.medium:hover  a.item-preview{right: 34%;}
.blog-item.large:hover  a.item-permalink{left: 42%;}
.blog-item.large:hover  a.item-preview{right: 42%;}
.blog-post.layout-2 .media-holder{ float:left;width: 110px;}
.comment-entry{margin:-70px 0 0 90px;width:75%;}
ul.commentlist li.child .comment-entry{  width:70%;}
}
/*___________________________________________________________________*/

/*---------------iPhone & Samsung Mobiles landscape---------------*/
/*___________________________________________________________________*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
#container{ width: 90%;}
.container {width: 90%; }
#main-navigation {margin-bottom: 10px; margin-top: 0px;}
#main-navigation select { display: block}
#main-navigation ul{display: none;}
#main-navigation select {margin: 5px 1%;  width:98%;} 
.flexslider {margin: 0px 0px 0px -20px !important; padding: 0px !important; width: 120%;}
.flexslider .two-third { margin: 0px !important;}
.flex-slider-text{ margin-top: 0px;margin-bottom: 0px; height: 100% !important; }
.flex-home-img {width: 112%; margin-bottom: 10px !important; margin-left: -4px !important;}
.flex-slider-text {width: 100%; float: left !important; margin-left: 0px;}
.flex-home-img img {width: 100%;}
.flex-slider-text h2{font-size: 14px;line-height: 1; margin: 0px !important; padding: 0px !important}
.flex-slider-text p{font-size: 11px !important;line-height: 1.5 !important;}
.after-nav-info{ width: 100%;text-align: center;}
.head-wrapp #logo {text-align: center !important;}
.head-wrapp a#logo img {text-align: center !important;}
.head-wrapp .three-fourth {margin-bottom: 0px !important; margin-top: -20px !important;}
.head-wrapp .three-fourth .test{margin-bottom: 0px !important; margin-top: -20px !important;}
.head-wrapp .one-fourth {text-align: center;}
 .head-wrapp .three-fourth .one-fourth .photo-box-n {display: none !important; height: 1px !important; margin-bottom: 0px !important; visibility:hidden !important; margin-top: -30px !important;}
.slogan-n {padding: 0px 0px 0px !important; height: 20px !important; text-align: center !important;}
.photo-box-n img {min-width: 100%; text-align: center;}
.top-search{display: none;}
.one,.one-half,.two-third,.one-third,.one-fourth ,.one-fifth,.two-fifth, .one-sixth,.three-fourth,.four-fifth{ float:left;position:relative;width: 100%; margin-right: 0!important;margin-bottom: 20px;}
 #header-links ul.social-links{display: none;}
#header-links  div{margin-bottom: 0px;}
ul#portfolio-container.two-columns li,  ul#portfolio-container.three-columns li,  ul#portfolio-container.four-columns li {width: 47.88%;}
ul#portfolio-container  .flex-control-nav li, .blog-post .flex-control-nav li{ width: 10px;}
ul#portfolio-container.two-columns li .item-wrapp .portfolio-item:hover  a.item-permalink{left: 28%;}
ul#portfolio-container.two-columns li .item-wrapp .portfolio-item:hover  a.item-preview{right: 28%;}
ul#portfolio-container.three-columns li .item-wrapp .portfolio-item:hover  a.item-permalink{left:28%;}
ul#portfolio-container.three-columns li .item-wrapp .portfolio-item:hover  a.item-preview{right:28%;}
.one-third.product .item-wrapp .portfolio-item:hover  a.item-permalink{left: 40%;}
.one-third.product .item-wrapp .portfolio-item:hover  a.item-preview{right: 40%;}
.portfolio-item:hover  a.item-permalink{left: 28%;}
.portfolio-item:hover  a.item-preview{right: 28%;}
 ul.pricing-boxes li{margin-bottom: 20px;}
 ul.pricing-boxes.five li {width:99%; }
 ul.pricing-boxes.four li {width: 99%;}
 ul.pricing-boxes.three li {width: 99%; }
ul.pricing-boxes li .plan-features{ border-right:1px solid #e6e9ee;}
.plan-features ul li{margin-bottom: 0px;}
.blog-post.layout-2 .media-holder{width: 400px;margin-bottom: 20px; margin-right: 0px;}
.blog-item.small:hover  a.item-permalink{left: 40%;}
.blog-item.small:hover  a.item-preview{right: 40%;}
.blog-item.medium:hover  a.item-permalink{left: 30%;}
.blog-item.medium:hover  a.item-preview{right: 30%;}
.blog-item.large:hover  a.item-permalink{left: 40%;}
.blog-item.large:hover  a.item-preview{right: 40%;}
#filterable li {margin-bottom: 5px;}
#filterable li a {padding: 5px 8px;}
 #breadcrumb{ text-align: center;padding-bottom: 5px;}
#breadcrumb .one-half{margin-bottom: 0px;}
#breadcrumbs ul{float:left;width: 100%;text-align: center}
.comment-entry{margin:-70px 0 0 90px;width:66%;}
ul.commentlist li.child .comment-entry{  width:56%;}

.booking-links a  {margin-right: 10px; margin-bottom: 5px;}
img.imgright {width: 98%; margin-bottom: 5px;}
.flex-direction-nav li a.flex-next{	right: -30px !important;}
.flex-direction-nav li a.flex-prev {left: 25px !important;}
}
/*___________________________________________________________________*/

/*---------------iPhone & Samsung Mobiles landscape---------------*/
/*___________________________________________________________________*/
@media only screen and (min-width: 300px) and (max-width: 479px) {
#container{ width: 90%;}
.container {width: 90%; }
#main-navigation {margin-bottom: 10px; margin-top: 0px;}
#main-navigation select { display: block}
#main-navigation ul{display: none;}
#main-navigation select {margin: 5px 1%;  width:98%;} 
.flexslider {margin: 0px 0px 0px -20px !important; padding: 0px !important; width: 120%;}
.flexslider .two-third { margin: 0px !important;}
.flex-slider-text{ margin-top: 0px;margin-bottom: 0px; height: 100% !important; }
.flex-home-img {width: 112%; margin-bottom: 10px !important; margin-left: 5px !important;}
.flex-slider-text {width: 100%; float: left !important; margin-left: 0px;}
.after-nav-info{ width: 100%;text-align: center;}
.head-wrapp #logo {text-align: center !important;}
.head-wrapp a#logo img {text-align: center !important;}
.head-wrapp .three-fourth {margin-bottom: 0px !important; margin-top: -20px !important;}
.head-wrapp .three-fourth .test{margin-bottom: 0px !important; margin-top: -20px !important;}
.head-wrapp .one-fourth {text-align: center;}
 .head-wrapp .three-fourth .one-fourth .photo-box-n {display: none !important; height: 1px !important; margin-bottom: 0px !important; visibility:hidden !important; margin-top: -30px !important;}
.slogan-n {padding: 0px 0px 0px !important; text-align: center !important;}
.photo-box-n img {min-width: 95%; text-align: center;}
.top-search{display: none;}
.one,.one-half,.two-third,.one-third,.one-fourth ,.one-fifth,.two-fifth, .one-sixth,.three-fourth,.four-fifth{ float:left;position:relative;width: 100%; margin-right: 0!important;margin-bottom: 20px;}
 #header-links ul.social-links{display: none;}
#header-links  div{margin-bottom: 0px;}
ul#portfolio-container {margin:0 0  0 0%;}
ul#portfolio-container.two-columns li,  ul#portfolio-container.three-columns li,  ul#portfolio-container.four-columns li {width: 98%;margin-right: 0!important;}
ul#portfolio-container  .flex-control-nav li, .blog-post .flex-control-nav li{ width: 10px;}
ul#portfolio-container.two-columns li .item-wrapp .portfolio-item:hover  a.item-permalink{left: 33%;}
ul#portfolio-container.two-columns li .item-wrapp .portfolio-item:hover  a.item-preview{right: 33%;}
ul#portfolio-container.three-columns li .item-wrapp .portfolio-item:hover  a.item-permalink{left:33%;}
ul#portfolio-container.three-columns li .item-wrapp .portfolio-item:hover  a.item-preview{right:33%;}
.one-third.product .item-wrapp .portfolio-item:hover  a.item-permalink{left: 33%;}
.one-third.product .item-wrapp .portfolio-item:hover  a.item-preview{right: 33%;}
.portfolio-item:hover  a.item-permalink{left: 33%;}
.portfolio-item:hover  a.item-preview{right: 33%;}
 ul.pricing-boxes li{margin-bottom: 20px;}
 ul.pricing-boxes.five li {width:99%; }
 ul.pricing-boxes.four li {width: 99%; }
 ul.pricing-boxes.three li {width: 99%;}
ul.pricing-boxes li .plan-features{ border-right:1px solid #e6e9ee;}
.plan-features ul li{margin-bottom: 0px;}
.blog-post.layout-2 .media-holder{width:260px;margin-bottom: 20px; margin-right: 0px;}
.blog-item.small:hover  a.item-permalink{left: 33%;}
.blog-item.small:hover  a.item-preview{right: 33%;}
.blog-item.medium:hover  a.item-permalink{left: 33%;}
.blog-item.medium:hover  a.item-preview{right: 33%;}
.blog-item.large:hover  a.item-permalink{left: 33%;}
.blog-item.large:hover  a.item-preview{right: 33%;}
#filterable li {margin-bottom: 5px;}
#filterable li a {padding: 5px 8px;}
 #breadcrumb{ text-align: center;padding-bottom: 15px;}
#breadcrumb .one-half{margin-bottom: 0px;}
#breadcrumbs ul{float:left;width: 100%;text-align: center}
.comment-entry{margin:-70px 0 0 90px;width:66%;}
ul.commentlist li.child .comment-entry{  width:56%;}
.blog-post.layout-3{width: 98%; margin-right: 0%!important}
ul.commentlist li.child{margin-left: 0px;}
.comment-entry{ margin:0px 0 0 0px;width:82%;}
ul.commentlist li.child .comment-entry{   width:82%;}
form.simple-form   textarea {width: 90%; }
.comment > .avatar,.comment-arrow{display: none;}
.booking-links a  {margin-right: 10px; margin-bottom: 5px;}


.formbox p{
	width: 100%;
	clear: left;
	right: auto;
	margin: 0px !important;
	padding: 4px 2px 4px 2px !important;
	height: 5%;
	border-bottom: 1px dotted #CCC;

}
.formbox .writespace{
	color: #333;
	float: left;
	margin-right: 10px; 
	width: 100%;
	text-align: left;
}
img.imgright {width: 98%; margin-bottom: 5px;}


.flex-direction-nav li a.flex-next{	right: -22px !important;}
.flex-direction-nav li a.flex-prev {left: 22px !important;}

}