@media (min-width:992px){
	.back-wrap,
	.menu-btn-wrap,
	.navbar-toggler{
		display: none;
	}
}
@media (min-width:1440px){
	.new-banner-title {
	    margin-top: 19%;
	}
	.featured-product-wrap figure{
		width: calc(14.1% - 5px);
	}
}
@media (min-width:1920px){
	.featured-product-wrap .featured-product-list-wrap{
		max-width: 1600px;
	}
}
@media (max-width:1199px){
	header .navbar .navbar-nav>li a{
	    padding: 15px 10px!important;
	}
	.inner-banner-wrap {
	    min-height: 470px;
	}
	.new-banner-title{
		margin-top: 295px;
	}
    .featured-product-wrap figcaption { height: auto; padding: 10px;}
}
@media (max-width:1000px){
    #conlist{
        float:none; 
        padding: 2%; 
        width:100%; 
        margin:0 auto 2% auto;
        min-height:auto;
    }
}
@media (max-width:991px){
	.main-banner-slider .slick-prev {
	    left: 30px;
	}
	.main-banner-slider .slick-next {
	    right: 30px;
	}
	.main-slider li .slider-content .text-wrapper h1, .inner-banner-content h1 {
	    font-size: 40px;
	}
	.main-slider li .slider-content .text-wrapper .des, .inner-banner-content .des {
	    margin-right: 0%;
	}
	.main-slider li .slider-content .text-wrapper, .inner-banner-content {
	    width: 70%;
	}
	.main-slider li .slider-content {
	    top: 35%;
	}
	.banner-extra-info {
	    bottom: -20%;
	}
	.main-slider li .slider-content .text-wrapper a.call-us, .inner-banner-content a.call-us{
		font-size: 30px
	}
	header .navbar .sitelogo-wrap,
	header .navbar .sitelogo-wrap, header.shrinked .navbar .sitelogo-wrap{
	    max-width: 100%;
	    margin-right: 15px;
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	}
	header .navbar .navbar-brand{
		max-width: 150px;
	}
	header.shrinked .navbar .sitelogo-wrap .navbar-brand{
		max-width: 100px;
	}
	.navbar-toggler .bar-line{
		width: 100%;
		display: inline-block;
		height: 3px;
		background-color: #fff;
		margin-bottom: 5px;
	}
	.navbar-toggler .bar-line:last-child{
		margin-bottom: 0;
	}
	.navbar-toggler {
	    padding: 10px;
	    font-size: 18px;
	    text-align: center;
	    border-radius: 0;
	    display: inline-block;
	    width: 100%;
	}
	header .navbar .navbar-nav li ul {
	    position: unset;
	    opacity: 1;
	    visibility: visible;
	    padding-left: 30px;
	    transition: initial;
	    width: 100%;
	    transform: translate(0px,0px);
	    background-color: #000000;
	}
	header .navbar .navbar-nav li ul a,
	header .navbar .navbar-nav li a {
	    padding: 0;
	}
	header .navbar .navbar-nav li ul a,
	header .navbar .navbar-nav li a {
	    background-color: transparent!important;
	}
	header .navbar .navbar-collapse{
		position: absolute;
	    top: 100%;
	    background-color: #000;
	    left: 0px;
	    width: 100%;
	    z-index: 3;
	    transition: all 400ms ease-in-out;
	}
	header .navbar .navbar-collapse ul{
    	padding: 30px;
	}
	.navbar-toggler:hover,
	.navbar-toggler:focus{
		outline: 0;
		background-color: transparent;
		border:0;
	}
	header .navbar .navbar-nav li{
		position: static;
	}
	header .navbar .navbar-nav{
		position: relative;
	}
	header .navbar .navbar-nav li ul{
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px!important;
		right: 0px!important;
		z-index: 3;
		transform: translate(100%,0);
		transition: all 500ms ease-in-out;
		padding: 30px;
	}
	header .navbar .navbar-nav li:hover>ul{
		transform: translate(100%,0);
	}
	header .navbar .navbar-nav li>ul.sub-menu.testing{
		transform: translate(0%,0);
	}
	.contact-detail-wrapper .map-wrapper,
	.contact-detail-wrapper .contact-detail-content{
		width: 50%;
	}
	footer .footer-content-wrapper{
		flex-direction: column;
		text-align: center;
		justify-content: center;
		align-items: center;
	}
	.featured-product-wrap figcaption{
		font-size: 15px;
	}
	.featured-product-wrap figure {
	    width: calc(33.33% - 5px);
	    margin: 0px 2.5px 5px;
	}
	.main-slider li figure {
	    height: 400px;
	}

	.copyright-wrap{
		margin-bottom: 15px;
	}
	.has-submenu>a:after, 
	.back-wrap:before {
	    content: "";
	    display: inline-block;
	    background-image: url(../siteart/arrow-right.png);
	    background-repeat: no-repeat;
	    background-position: center center;
	    background-size: 100%;
	    width: 20px;
	    height: 20px;
	}
	.back-wrap:before {
	    margin-right: 5px;
	    background-image: url(../siteart/arrow-left.png);
	}
	.has-submenu>a {
	    display: flex!important;
	    justify-content: space-between;
	    align-items: center;
	}
	.back-wrap {
	    display: inline-flex;
	    align-items: center;
	}
	header .navbar .navbar-toggler {
	    /*width: 35px;*/
	    height: 24px;
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    padding: 0px;
	    flex-direction: column;
	    position: relative;
	    z-index: 1;
	}
	header .navbar .navbar-toggler span {
	    width: 20px;
	    display: block;
	    height: 3px;
	    background-color: #fff;
	    -webkit-transition: all 400ms ease-in-out;
	    -moz-transition: all 400ms ease-in-out;
	    -ms-transition: all 400ms ease-in-out;
	    -o-transition: all 400ms ease-in-out;
	    transition: all 400ms ease-in-out;
	}
	header .navbar .navbar-toggler span {
	    width: 35px;
	    transform: none!important;
	    display: block!important;
	    opacity: 1!important;
	    visibility: visible!important;
	}
	header .navbar .navbar-collapse {
	    position: fixed;
	    top: 0px;
	    background-color: #000!important;
	    left: 100%;
	    width: 100%;
	    z-index: 3;
	    transition: all 400ms ease-in-out;
	    margin: 0px;
	    height: 100vh;
	    display: block;
	    padding: 0px 20px;
	}
	.navbar-collapse.show {
	    left: 0%!important;
	}
	header .navbar .navbar-nav {
	    position: relative;
	}
	header .navbar .navbar-collapse ul {
	    padding: 50px 15px 15px;
	}
	header .navbar .navbar-nav li ul {
	    position: fixed;
	    top: 0px;
	    bottom: 0px;
	    left: 0px!important;
	    height: 100vh;
	    right: 0px!important;
	    z-index: 3;
	    transform: translate(100%,0);
	    transition: all 500ms ease-in-out;
	    padding: 30px;
	}
	header .navbar .navbar-nav li:hover>ul {
	    transform: translate(0px,0px);
	    opacity: 1;
	    visibility: visible;
	}
	header .navbar .navbar-nav li:hover>ul {
	    transform: translate(100%,0);
	}
	header .navbar .navbar-nav li>ul.sub-menu.testing {
	    transform: translate(0%,0);
	}
	li.menu-close {
	    display: inline-flex;
	    color: #fff;
	    background-color: #e5c536;
	    width: auto;
	    width: 22px;
	    height: 30px;
	    border-radius: 50%;
	    align-items: center;
	    justify-content: center;
	    transform: scaleX(1.35);
	}
    
    .menu-close{z-index: 1!important; padding: 0!important}
    
	header.shrinked .navbar{
		padding: 10px 0px;
	}

	.inner-banner-wrap {
	    min-height: 420px;
	}
	.new-banner-title{
		margin-top: 270px;
	}
}

@media (max-width:881px){

}

@media (max-width: 767px){
	.banner-extra-info {
	    position: relative;
	    bottom: 0;
	    flex-direction: column;
	}
	.banner-extra-info .extra-info {
	    width: 100%;
	}
	.main-banner-slider:after, .about-sec-wrap figure:after{
		content: none;
	}
	.main-banner-slider {
	    margin-top: 0;
	}
	.featured-images-wrap {
	    margin-top: 0;
	}
	.banner-extra-info .extra-info {
	    width: 100%;
	    height: auto;
	    padding: 100px 30px;
	    border-right: 0px;
	    border-bottom: 1px solid #fff;
	}
	.banner-extra-info .extra-info .des {
	    width: 55%;
	    margin: 0 auto 20px;
	}
	.contact-details {
	    margin-bottom: 30px;
	}
	.contact-details-wrap{
		margin-bottom: 0;
	}
	.top-bar-wrap .top-bar-contact {
	    justify-content: space-between;
	}
	.main-slider li .slider-content .text-wrapper, .inner-banner-content{
		width: 100%;
	}
	footer{
	    text-align: center;
	}
	.main-slider li .slider-content {
	    top: 45%;
	}
	.inner-banner-wrap {
	    padding: 70px 0px 70px;
	}
	.top-bar-contact li {
	    justify-content: center;
	}
	.inner-contents-wrap .content-main-wrap{
	    padding: 50px 15px;
	}
	header.shrinked {
	    transform: translateY(-122px);
	    position: fixed;
	}
	.top-bar-wrap{
		border-bottom: 0px;
	}
	header.shrinked .top-bar-wrap{
		padding: 5px 0;
	}
	.top-bar-wrap .container{
		align-items: center;
	}
	.featured-product-wrap figcaption{
		font-size: 18px;
	}
	.featured-product-wrap figcaption br{
		display: none;
	}
	header .top-bar-wrap .navbar-brand{
		margin-bottom: 20px;
	}
	.contact-detail-wrapper{
		flex-direction: column;
	}
	.contact-detail-wrapper .map-wrapper, 
	.contact-detail-wrapper .contact-detail-content{
		width: 100%;
	}
	header .top-bar-wrap .sitelogo-wrap{
		margin-right: 0;
	}
	.about-content-wrap .our-details-wrap{
		margin-left: 0;
	}
	.footer-menu{
		display: block;
		column-count: 2;
	}
	.inner-banner-wrap {
	    margin-top: 0px;
	}
	footer .footer-content-wrapper{
		align-items: flex-start;
		text-align: left;
	}
	.footer-menu li{
		margin-left: 0;
	}
	.copyright-wrap{
		line-height: 1.7;
	}
	.contact-detail-wrapper .contact-detail-content{
		padding: 0px 15px;
	}
    
    header .navbar .navbar-collapse{padding: 0!important}
    header .navbar .navbar-nav li ul{padding: 0!important}
	 header .navbar .navbar-collapse ul ul {
	    overflow-y: scroll;
	    /*max-height: 100vh;
	    overflow-x: hidden;*/
	}
	header .navbar{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		background-color: rgba(0,0,0,0.8);
	}
	header .navbar .container{
		justify-content: flex-end;
		padding: 0px 15px;
	}
    header .navbar .navbar-nav li a {
        font-size: 20px;
        padding: 10px 0;
    }
    header .navbar .navbar-nav li a:hover{color:#e5c536!important }
    header .navbar .navbar-nav .sub-menu a:hover{color:#fff!important; background: #e5c536!important }
    header .navbar .navbar-nav li ul a{
        display:block;
        width: 100%;
        padding: 10px 0;
        font-size: 20px;
        float: none;
        
    }
    header .navbar .navbar-nav li  {
        border-bottom:1px solid #fff;
    }
    header .navbar .navbar-nav ul li  {
        border:1px solid #fff;
        width: 50%;
        float: left;
    }
    header .navbar .navbar-nav ul li a {
        font-size: 12px;
    }   
    
    header .navbar .navbar-nav li ul a, header .navbar .navbar-nav li a{
        padding: 20px;
    }
    li.back-wrap{border: none!important; font-size: 26px;width: 100%!important;}
    
	header{
		padding-top: 54px;
		background-color: #efefef;
	}
	header.shrinked{
		padding-top: 44px;
	}
	.top-bar-contact li:last-child{
		display: none;
	}
	header .navbar-brand{
		max-width: 80%;
	}
	header.shrinked{
		transform: none;
		box-shadow: 0px 0px 10px rgba(0,0,0,0.16);
	}
	header.shrinked .navbar-brand {
	    max-width: 55%;
	}
	header.shrinked .navbar{
		padding: 10px 0px;
	}
	footer {
		padding: 40px 0px;
	}
	footer .footer-content .right-content{
		max-width: 100%;
		border:0px;
		padding: 0;
		margin: 0px;
	}
	footer .footer-content .left-content{
		margin-bottom: 30px;
	}
	footer .footer-content .left-content figure{
		max-width: 65%;
	}
	footer .footer-content .left-content ul{
		margin-top: 30px;
	}
	footer .footer-content{
		flex-direction: column;
	}
	.featured-product-wrap figure {
	    width: calc(50% - 5px);
	    margin: 0px 2.5px 5px;
	}
	
.main-slider li figure {
    height: 400px;
    margin-top: 100px;
}

	.about-content-wrap {
	    width: 100%;
	}
	.about-us-sec-wrap{
		background-size: 100%;
		padding-top: 84%;
	}
	.featured-img {
	    margin-top: 40px;
	}
	footer .footer-content .right-content{
		text-align: left;
	}
	footer .footer-content .left-content ul {
		display: block;
	}
	.new-banner-title{
		margin-top: 285px;
	}
}

@media (max-width: 680px){
    .featured-product-wrap figure {
        width:51%;
        margin: 5px auto;
    }
}

@media (max-width: 575px){
	.about-sec-wrap .row{
		flex-direction: column-reverse;
	}
	.about-sec-wrap figure{
		margin:20px -30px 0px;
	}
	.form-inline .form-group {
	    width: 100%;
	}
	footer .footer-logo {
	    width: 200px;
	}
	.featured-product-wrap{
		flex-direction: column;
		margin: 0px 0px 0px;
	}
	.inner-banner-content {
	    padding: 230px 0px 0px;
	}
}
@media (max-width: 481px){
	.main-slider li .slider-content .text-wrapper h1, .inner-banner-content h1 {
	    font-size: 35px;
	}
	.banner-extra-info .extra-info .des {
	    width: 75%;
	}
	.main-slider li figure img{
		object-position: center;
	}
	header .top-bar-wrap .sitelogo-wrap{
		max-width: 150px;
	}
	.top-bar-contact li{
		margin-right: 0;
		text-align: right;
	}
	.top-bar-wrap .top-bar-contact{
		margin-right: 0;
	}
	.top-bar-wrap .right-content{
		flex-direction: column;
		text-align: center;
	}
	header .top-bar-wrap .navbar-brand{
		margin-right: 0;
	}
	.top-bar-wrap .right-content{
		font-size: 13px;
	}
	.new-banner-title h1{
		font-size: 35px;
	}
	.top-bar-wrap .right-content .address{
		display: none;
	}
	.top-bar-wrap .container{
		flex-direction: row;
	}
	header .top-bar-wrap .navbar-brand{
		margin-bottom: 0;
	}
	header .top-bar-wrap .sitelogo-wrap {
	    max-width: 125px;
	    margin-top: 3px;
	}
	.featured-product-wrap figcaption {
	    font-size: 16px;
	}
	.featured-product-wrap {
	    background-color: #000;
	}
}
@media (max-width: 360px){
	.banner-extra-info .extra-info .des {
	    width: 100%;
	}
	header .top-bar-wrap .navbar-brand{
		margin-bottom: 0;
	}
	.inner-banner-wrap {
	    padding: 20px 0px 50px;
	}
	.featured-product-wrap figure {
	    width: 100%;
	    margin: 0px 2.5px 5px;
	}
	.main-slider li .slider-content .text-wrapper h1, 
	.inner-banner-content h1{
		font-size: 30px;
	}
	.main-slider li .slider-content .text-wrapper a.call-us, 
	.inner-banner-content a.call-us{
		font-size: 25px;
	}
	.main-slider li .slider-content{
		top: 45%;
	}
	.top-bar-wrap{
		font-size: 14px;
	}
}