/*CSS FOR RESPONSIVE LAYOUTS*/
/*___________________________________________________________________*/

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

@media only screen and (min-width: 768px) and (max-width: 959px) {
#container{ width: 794px;}
.container {width: 714px; }
.sidebar .widget  .top-search input{width: 145px;}
.after-nav-info{display: none;}
.flex-slider-text{ margin-top: 60px;margin-bottom: 60px; }
.flex-slider-text h1{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;}
.main-menu .four-columns,
.main-menu .four { width: 480px }
.main-menu ul{left: -120px !important;}
.main-menu li .frest {left: 0px !important;}
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%;}
.main-menu > li > a {
    padding: 15px 9px 16px 9px;
}
.main-menu > li:hover > a {
    padding-left: 9px;
}
ul.sidebar-nav li a:hover  + #sidemenu{
    display: block;
}
ul.sidebar-nav li a i { margin-right: 5px }
ul.sidebar-nav li ol{
margin-left: -185px;
position: absolute;
background: #fff;
/* float: left; */
width: 100%;
border: 1px solid #efefef;
margin-top:-27px;
padding-left:5px;
padding-right:5px;
z-index:99999;
display:none;
-webkit-box-shadow: 5px 5px 7px -5px rgba(87,87,87,1);
-moz-box-shadow: 5px 5px 7px -5px rgba(87,87,87,1);
box-shadow: 5px 5px 7px -5px rgba(87,87,87,1);
}
ul.sidebar-nav li ol:hover{
	display: block;
	}
ul.sidebar-nav li ol span{
margin-right:5px;
}
ul.sidebar-nav li ol i{
position:absolute;
right:-8px;
}
#sidemenu-container2{
	display:block;
	}
#sidemenu-container1{
	display:none;
	}
#contact-container2{
	display:none;
	}
	#contact-container1{
	display:block;
	}
.corporate{
	width:92%;
	padding: 20px 7px 15px 7px;
	}
.portfolio-item-title textarea{
	padding:6px;
	min-height:40px;
	margin-bottom:0px !important;
	width:89% !important;
	}
.request input{
	text-align:left;
	width:86% !important;
	margin:0px;
	}
#step1{
	display:block;
	}
#step2{
	display:none;
	}
.checkout-step a{
	margin-left:26%;
	}
.share-prosuct{
	margin-left: 17%;
	}
}
/*___________________________________________________________________*/

/*---------------iPhone & Samsung Mobiles landscape---------------*/
/*___________________________________________________________________*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
#container{ width: 440px;}
.container {width: 400px; }
#main-navigation select { display: block}
#main-navigation ul{display: none;}
#main-navigation select {margin: 30px 70px;  width:300px;} 
#contact-navigation select {margin: 30px 50px;  width:300px;}
.after-nav-info{ width: 100%;text-align: center;}
#logo{text-align:center;width: 100%;float: left;}
a#logo span {text-align: center;display: block;position: relative;}
.top-search{display: none;}
.opc,ol{float:left;position:relative;width: 100%; margin-right: 0!important;margin-bottom: 20px;}
.one,.one-half,.two-third,.one-third,.one-fourth ,.one-fifth,.one-sixth,.three-fourth{ float:left;position:relative;width: 100%; margin-right: 0!important;margin-bottom: 20px;}
 #header-links ul.social-links{margin-top: 5px; float:left;}

#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: 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%;}
ul.sidebar-nav li a:hover  + #sidemenu{
    display: block;
}
ul.sidebar-nav li a i { margin-right: 5px }
ul.sidebar-nav li ol{
margin-left: 0px;
margin-top:1px;
position: absolute;
background: #fff;
/* float: left; */
width: 100%;
border: 1px solid #efefef;

padding-left:5px;
padding-right:5px;
z-index:99999;
display:none;
-webkit-box-shadow: 5px 5px 7px -5px rgba(87,87,87,1);
-moz-box-shadow: 5px 5px 7px -5px rgba(87,87,87,1);
box-shadow: 5px 5px 7px -5px rgba(87,87,87,1);
}
ul.sidebar-nav li ol:hover{
	display: block;
	}
ul.sidebar-nav li ol span{
margin-right:5px;
}
ul.sidebar-nav li ol i{
position:absolute;
right:-8px;
display:none;
}

#sidemenu-container1{
	display:none;
	}
#sidemenu-container2{
	display:block;
	}
#contact-container1{
	display:none;
	}
	#contact-container2{
	display:block;
	}
.request input{
	text-align:left;
	width:97% !important;
	margin:0px;
	}
#step1{
	display:none;
	}
#step2{
	display:block;
	}
.portfolio-item-title{
	padding: 20px 1px 15px 1px;
	width: 99%;
	}
.corporate{
	width:92%;
	padding: 20px 6px 15px 7px;
	}
.share-prosuct{
	margin-left: 38%;
	}
.wishlist{
	width:90% !important;
	margin-left:5% !important;
	}
.request{
	width: 90%;
margin-left: 5%;
	}
.review-text{
	width:90% !important;
	margin-left:5% !important;
	}
.wishlist-ie textarea{
	width: 95%;
margin: 0 0 15px 5%;
float: left;
	}
}
/*___________________________________________________________________*/

/*---------------iPhone & Samsung Mobiles landscape---------------*/
/*___________________________________________________________________*/
@media only screen and (max-width: 479px) {
#container{ width:100%;}
.container {width:94%; }
#main-navigation select { display: block}
#main-navigation ul{display: none;}
#main-navigation select {margin: 30px 20px;  width:260px;} 
#contact-navigation select {margin: 30px 10px;  width:260px;}
.after-nav-info{ width: 100%;text-align: center;}
#logo{text-align:center;width: 100%;float: left;}
a#logo span {text-align: center;display: block;position: relative;}
.top-search{display: none;}
.one,.one-half,.two-third,.one-third,.one-fourth ,.one-fifth,.one-sixth,.three-fourth{ float:left;position:relative;width: 100%; margin-right: 0!important;margin-bottom: 20px;}
  #header-links ul.social-links{margin-top: 5px; float:left;}
#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;}
ul.sidebar-nav li a:hover  + #sidemenu{
    display: block;
}
ul.sidebar-nav li a i { margin-right: 5px }
ul.sidebar-nav li ol{
margin-left: 0px;
margin-top:1px;
position: absolute;
background: #fff;
/* float: left; */
width: 100%;
border: 1px solid #efefef;

padding-left:5px;
padding-right:5px;
z-index:99999;
display:none;
-webkit-box-shadow: 5px 5px 7px -5px rgba(87,87,87,1);
-moz-box-shadow: 5px 5px 7px -5px rgba(87,87,87,1);
box-shadow: 5px 5px 7px -5px rgba(87,87,87,1);
}
ul.sidebar-nav li ol:hover{
	display: block;
	}
ul.sidebar-nav li ol span{
margin-right:5px;
}
ul.sidebar-nav li ol i{
position:absolute;
right:-8px;
display:none;
}
#sidemenu-container1{
	display:none;
	}
#sidemenu-container2{
	display:block;
	}
	#contact-container1{
	display:none;
	}
	#contact-container2{
	display:block;
	}
.request input{
	text-align:left;
	width:90% !important;
	margin:0px;
	}
.my-account h4 a{
	float:left;
	margin-right:5px;
	margin-left:0px;
	margin-top:5px;
	}
.my-account h4 span{
	width:100%;
	float:left
	}
#step1{
	display:none;
	}
#step2{
	display:block;
	}
.portfolio-item-title{
	padding: 20px 2px 15px 1px;
	width: 98%;
	}
.corporate{
	width:94%;
	padding: 20px 6px 15px 7px;
	}
.share-prosuct{
	margin-left: 31%;
	}
.wishlist{
	width:90% !important;
	margin-left:5% !important;
	}
.request{
	width: 90%;
margin-left: 5%;
	}
form.simple-form input{
	width:79%;
	}
.review-text{
	width:90% !important;
	margin-left:5% !important;
	}
.wishlist-ie textarea{
	width: 85%;
margin: 0 0 15px 5%;
float: left;
	}
}