/*--------------------------------------------------------------
## Responsive CSS
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
.abt_left{display:block; width:300px; margin:15px auto}	
.abt_info{display:block; width:90%; margin:auto}
.homecont .colm_1{display:block; width:300px; margin:15px auto}
#sq-middle-footer .sq-container{width:80%}
.bottomMenu li a{border-bottom:none !important}
.footerbg{height:15vh}
.contactinfo ul li{display:block}
.sq-site-footer{height:71vh !important}
.sq-main-navigation ul{margin-top:0}
.footer_tree2 {right:13px; bottom:26px}
.footer_tree1 {left:19px; bottom:11px}
.techn_box .colm_1{width:300px; margin:auto}
}
@media only screen and (min-width:800px) and (max-width:1024px) {
.sq-site-footer{height:71vh !important}
}

@media screen and (max-width: 1120px){
	.sq-container{
		width: 100%;
		padding: 0 10px;
	}

	#sq-page{
		display: block;
	}

	#sq-colophon{
	    display: block;
	    height: auto;
	}

	#sq-content{
	    height: auto;
	}

}

@media screen and (max-width: 900px){
	.sq-toggle-nav{
		display: block;
	}

	#sq-site-navigation{
		display: none;
		position: absolute;
		top: 65px;
		background: #FFF;
		left: 0;
		right: 0;
		float: none;
		width: auto;
		border-top: 2px solid #5bc2ce;
		border-bottom: 1px solid #5bc2ce; z-index:99999
	}

	.sq-main-navigation a{
		color: #444;
	}

	.sq-main-navigation .sq-menu{
		float: none;
		text-align: center;
	}

	.sq-main-navigation li{
		float: none;
		display: inline-block;
	}

	.sq-main-navigation ul ul li{
		display: block;
	}

	.sq-menu > ul > li:hover > a:before, 
	.sq-menu > ul > li.current_page_item > a:before, 
	.sq-menu > ul > li.current-menu-item > a:before{
		display: none;
	}

	.sf-arrows .sf-with-ul:after{
		border-top-color: #333;
	}

	#sq-site-branding{
		width: 80%;
		width: calc(100% - 60px);
		float: none;
	}

	.sq-slide-caption{
		padding: 20px;
		width: 60%;
		margin-left: -30%;
	}

	.sq-slide-cap-title{
		font-size: 32px;
	}

	.sq-slide-cap-desc{
		font-size: 18px;
	}

	.sq-elasticstack{
		height: 320px;
	}
}

@media screen and (max-width: 768px){
	#sq-masthead{
		position: relative !important;
		background: rgb(30, 36, 42) !important;
	}

	#sq-masthead.sq-white{
		background: #FFF !important;
	}

	.sq-main-navigation li{
		display: block;
		line-height: 1.5;
	}

	.sf-arrows .sf-with-ul{
		padding-right: 0;
	}

	.sq-menu > ul > li > a{
		padding: 10px 0;
		border-bottom: 1px solid #F6F6F6;
	}

	.sq-main-navigation ul ul{
		position: static;
		width: 100%;
		box-shadow: none;
	}

	#sq-home-slider-section .bx-wrapper .bx-controls-direction a{
		display: none;
	}

	.sq-featured-post-wrap,
	.sq-featured-post{
		display: block;	
		background: none;
	}

	.sq-featured-post{
		background: #f7f8f9;
		border-bottom: 2px solid #5bc2ce;
		margin-bottom: 20px;
	}

	.sq-featured-post:last-child{
		margin-bottom: 0
	}

	.sq-about-sec,
	.sq-image-stack,
	.sq-tab,
	.sq-tab-content{
		width: auto;
		float: none;
	}

	.sq-about-sec{
		margin-bottom: 40px;
	}

	.sq-image-stack{
		max-width: 400px;
		margin: 0 auto;
	}

	.sq-tab{
		margin-bottom: 25px;
		padding: 0;
		border: 0;
	}

	.sq-tab li{
		background: #FFF;
		margin-bottom: 10px;
		padding-left: 50px;
		border-bottom: 2px solid transparent;
	}

	.sq-tab li .fa{
		margin-left: -30px;
	}

	.sq-tab li.sq-active:after{
		display: none;
	}

	.sq-tab li.sq-active{
		border-bottom: 2px solid #5bc2ce;
	}

	.sq-tab-content{
		padding: 0;
	}

	.sq-footer{
		width: 47%;
	}

	.sq-footer:nth-child(3){
		clear: both;
	}

	.sq-footer:nth-child(3),
	.sq-footer:nth-child(4){
		margin-top: 25px;
	}

	.sq-elasticstack{
		height: 420px;
	}

	#primary{
		width: auto !important;
		float: none !important;
		margin-bottom: 25px;
	}

	#secondary{
		width: auto;
		float: none !important;
	}

	.sq-main-header{
		padding: 52px 0 60px;
	}

	.woocommerce ul.products li.product, 
	.woocommerce-page ul.products li.product, 
	.woocommerce-page[class*=columns-] ul.products li.product, 
	.woocommerce[class*=columns-] ul.products li.product{
		width: 48%;
		margin-right: 0;
	}
}

@media screen and (max-width: 580px){
	.sq-slide-caption{
		padding: 10px;
		width: 80%;
		margin-left: -40%;
	}

	.sq-slide-cap-title{
		font-size: 26px;
	}

	.sq-slide-cap-desc{
		font-size: 14px;
	}

	.sq-post-wrapper{
		width: 98%;
	}

	#comments{
		padding: 15px;
	}

	.woocommerce .woocommerce-result-count, 
	.woocommerce-page .woocommerce-result-count{
		float: none;
		margin-bottom: 15px;
	}

	.woocommerce .woocommerce-ordering, 
	.woocommerce-page .woocommerce-ordering{
		float: none;
		margin-bottom: 25px;
	}
}

@media screen and (max-width: 480px){
	.sq-top-footer{
		margin: 0;
	}

	.sq-footer{
		width: auto;
		float: none;
		margin: 0 0 20px !important;
	}

	.sq-footer:last-child{
		margin: 0 !important;
	}

	#sq-bottom-footer{
		text-align: center;
	}

	.sq-site-info{
		float: none;
	}

	.sq-site-social{
		float: none;
		margin-top: 15px;
	}

	.sq-slide-cap-title{
		font-size: 20px;
	}

	.sq-slide-cap-desc{
		font-size: 14px;
	}

	#comments{
		padding: 10px;
	}

	.author-email-url{
		margin-left: 0
	}

	.comment-form-author, 
	.comment-form-email, 
	.comment-form-url{
		width: auto;
		margin-left: 0;
		float: none;
	}

	.woocommerce ul.products li.product, 
	.woocommerce-page ul.products li.product, 
	.woocommerce-page[class*=columns-] ul.products li.product, 
	.woocommerce[class*=columns-] ul.products li.product{
		width: auto;
		float: none !important;
	}
}

@media screen and (max-width: 380px){
	.sq-elasticstack{
		height: 360px;
	}
}

@media screen and (max-width: 320px){
	.sq-elasticstack{
		height: 300px;
	}
}

@media screen and (min-width: 901px){
	#sq-site-navigation{
		display: block !important;
	}
}