<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*CSS FOR RESPONSIVE LAYOUTS*/


/*___________________________________________________________________*/





/*---------------iPad &amp; 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;}


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 &amp; Samsung Mobiles landscape---------------*/


/*___________________________________________________________________*/


@media only screen and (min-width: 480px) and (max-width: 767px) {


#container{ width: 100%;}


.container {width:100%; }


#main-navigation select { display: block}


#main-navigation ul{display: none;}


#main-navigation select {margin: -110px 750px;  width:94%;} 


.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: 97%; margin-right: 0!important;margin-bottom: -20px; margin-left:5px;}


 #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: 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%;}


}


/*___________________________________________________________________*/





/*---------------iPhone &amp; Samsung Mobiles landscape---------------*/


/*___________________________________________________________________*/


@media only screen and (min-width: 320px) and (max-width: 479px) {


#container{ width: 100%;}


.container {width:100%; }


#main-navigation select { display: block}


#main-navigation ul{display: none;}


#main-navigation select {margin: -110px 450px;  width:94%;} 


.after-nav-info{ width: 94%;text-align: center;}


#logo{text-align:center;width: 98%;height:15%; 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: 97%; margin-right: 0!important;margin-bottom: 5px; margin-left:7px;}


 #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 &gt; .avatar,.comment-arrow{display: none;}


}


</pre></body></html>