@media (min-width:992px){
	.back-wrap,
	.menu-btn-wrap,
	.navbar-toggler{
		display: none;
	}
}
@media (min-width:1440px){
	.new-banner-title{
		margin-top: 16%;
	}
}
@media (max-width:1540px){
	header .navbar .navbar-nav>li {padding-left: 4px;margin-left: 5px;}
}
@media (max-width:1199px){
	header .navbar .navbar-nav li a{
		font-size: 9px;
	}
    .top-bar-contact li{font-size:14px;}
	.featured-product-wrap figure img{
		max-height: 180px;
	}
	.featured-product-wrap figcaption{
		font-size: 22px;
	}
	.main-slider li .slider-content .text-wrapper,
	.inner-banner-content{
		margin-top: 80px;
	}
	.main-slider li figure {
	    height: 650px;
	}
	header .navbar .navbar-nav li ul{
	width: 175px;	
	}
}
@media (max-width:1024px){
    #headcontain{max-width:none !important;}
    .sitelogo-wrap{margin-right:0 !important;float:left;}
}
@media (max-width:1400px){
	ul.navbar-nav {flex-direction:column !important;}
	header .top-bar-wrap .navbar-brand{width: 25%;}	
	
	.main-banner-slider .slick-prev {
	    left: 30px;
	}
	.main-banner-slider .slick-next {
	    right: 30px;
	}
	.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: 68%;
	}
	.main-slider li .slider-content {
	    top: 35%;
	}
	.banner-extra-info {
	    bottom: -20%;
	}
	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: fixed;
	    top: 0px;
	    background-color: #000!important;
	    left: 100%;
	    width: 100%;
	    z-index: 3;
	    transition: all 400ms ease-in-out;
	    margin: 0px;
	    height: 100vh;
	}
	header .navbar .navbar-collapse.show{
	    left: 0%;
	}
	header .navbar .navbar-collapse ul{
    	padding: 50px 15px 15px;
	}
	.navbar-toggler:hover,
	.navbar-toggler:focus{
		outline: 0;
		background-color: transparent;
		border:0;
	}
	header .navbar .navbar-nav li {
	    position: static;
	    margin-bottom: 15px;
	    padding-left: 0;
	    margin-left: 0;
	    border: 0;
	}
	header .navbar .navbar-nav{
		position: relative;
	}
	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(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: 20px; line-height: 1.2;
	}
	.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;
	}
	header .navbar .navbar-nav>li>a:before{
		content: none;
	}
	.back-wrap {
	    display: inline-flex;
	    align-items: center;
	}
	header .navbar .navbar-nav li a {
	    font-size: 13px;
	}
	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: 7;
	}
	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:nth-child(1){
	    transform: rotate(42deg) translate(3px,10px);
	}
	header .navbar .navbar-toggler span:nth-child(3){
		transform: rotate(-47deg) translate(4px,-10px);
	}
	header .navbar .navbar-toggler span:nth-child(2){
		opacity: 0;
		visibility: hidden;
	}
	header .navbar .navbar-toggler.collapsed span{
	    width:35px;
	    transform: none!important;
	    display: block!important;
		opacity: 1!important;
		visibility:visible!important;
	}
	.navbar,
	header.shrinked .navbar{
	    background-color: rgba(0,0,0,0.7);
	    padding: 10px 0px;
	}
	.top-bar-wrap {
	    background-color: rgba(0,0,0,0.5);
		height: 190px;
	}
	header{
		display: flex;
		flex-direction: column-reverse;
	}
	header.shrinked{
		transform: translateY(0px)
	}
	.navbar .container{
		display: flex;
		justify-content: flex-end;
		padding: 0px 15px;
	}
	header.shrinked .top-bar-wrap .sitelogo-wrap{
		max-width: 10%;
	}
	.main-slider li figure{
		height: 650px;
	}
	.main-slider li .slider-content .text-wrapper, 
	.inner-banner-content{
		margin-top: 0;
	}
	.about-us-sec-wrap figure{
		margin-top: 30px;
	}
	.about-us-sec-wrap figure img{
		width: 100%;
	}
	.about-us-sec-wrap .our-detail{
		margin-top: 25px;
	}
	.inner-banner-wrap {
	    min-height: 305px;
	}
	header, nav, article, footer, address, img {
    display:  flex!important;		
	}
	.brandgrid a{width:40%;margin:2% 4%;}
	
}

@media (max-width:881px){
	header, nav, article, footer, address, img {
    display:  flex!important;
}

}

@media (max-width: 767px){
	header.shrinked .top-bar-wrap .sitelogo-wrap{max-width:none !important;}
	
	.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%;padding-top: 50px;
	}
	footer{
	    text-align: center;
	}
    .divfooter{width:80%;margin:0 auto;}
	.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;
	}
	.top-bar-wrap{
		border-bottom: 0px;
		/*height: 150px;*/
        height:auto;
	}
	.featured-product-wrap figcaption{
		font-size: 16px;
	}
	.featured-product-wrap figcaption br{
		display: none;
	}
	.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;
	}
	.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;
	}

	.main-slider li figure{
		height: auto;
		width: 1500px;
	}
	.about-us-sec-wrap h2{
		font-size: 30px;
	}
	footer .footer-content{
		flex-direction: column;
		align-items: flex-start;
	}
	footer .footer-content .right-content{
		border:0;
		padding: 0;
		text-align: left;
		margin:0;
	}
	footer{
		background-image: url('../siteart/mobile-footer-banner.jpg')!important;
	}
	footer.overlay:before{
		background-color: rgba(0,0,0,0.6);
	}

    #footercontact{text-align:center;margin:0 auto;padding-bottom:5%;}
    #footercontact img{margin:0 auto !important;}
    
	.inner-banner-wrap {
	    min-height: 355px;
	}
	.new-banner-title{
		margin-top: 30%;
	}
	 header.shrinked .navbar{
	 	background-color: rgba(0,0,0,0.9);
	 }
	 header.shrinked .top-bar-wrap{
	 	background-color: rgba(0,0,0,0.7);
	 }
	 header .navbar .navbar-collapse ul,
	 header .navbar .navbar-collapse ul ul{
	 	overflow-y: scroll;
	 	max-height: 100vh;
	 	overflow-x: hidden;
	 }
	 
	 
	 header, nav, article, footer, address, img {
    display:  flex!important;
}
	 
	 
}
@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 figure{
		width: 100%;
		margin: 0px 5px 5px;
	}
	.featured-product-wrap{
		flex-direction: column;
		margin: 5px 0px 0px;
	}
	.main-site-details-wrap{
		margin-top: 0;
	}
	.main-slider li .slider-content {
	    /*top: 35%;*/
        top:50%;
	}
	.new-banner-title {
	    margin-top: 280px;
	}
    
    .sitelogo-wrap,.right-content,#headcontain{display:block !important;text-align:center;margin:0 auto !important;width:100%;float:none;}
    /*.sitelogo-wrap{max-width:120px !important;}*/
	
	header, nav, article, footer, address, img {
    display:  flex!important;
}
	header .top-bar-wrap .navbar-brand {
    width: 35%;
}
}
@media (max-width: 481px){
	.main-slider li .slider-content .text-wrapper h1, .inner-banner-content h1 {
	    font-size: 35px;
	}
	.main-slider li .slider-content .text-wrapper h1{
		margin-bottom: 10px;
	}
	.banner-extra-info .extra-info .des {
	    width: 75%;
	}
	.main-slider li figure {
	    height: auto;
		width: 1500px;
	}
	.main-slider li figure img{
		object-position: center;
	}
	.top-bar-contact li{
		margin-right: 0;
		font-size: 12px;
	}
	.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{
		margin-top: 12%;
	}
	.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;
	}
	.new-banner-title {
	    margin-top: 260px;
	}
	/*header .top-bar-wrap .sitelogo-wrap {
	    max-width: 23%;
	    margin-top: 3px;
	}
	header.shrinked .top-bar-wrap .sitelogo-wrap{
		max-width: 17%;
	}*/
	.about-us-sec-wrap .our-detail {
	    flex-direction: column;
	}
	.about-us-sec-wrap .our-detail .left-sec-wrap,
	.about-us-sec-wrap .our-detail .right-sec-wrap{
	    width: 100%;
	}
	.about-us-sec-wrap .our-detail .left-sec-wrap{
	   margin-bottom: 20px;
	}
	/*footer .footer-content .left-content figure {
	    max-width: 50%;
	}*/
	
	header, nav, article, footer, address, img {
    display:  flex!important;
}
}
@media (max-width: 390px){
	.main-slider li .slider-content .text-wrapper, .inner-banner-content{
	padding-top: 0px;	
	}
	.caledonialogo{    width: 65px;}
}
@media (max-width: 360px){
	.banner-extra-info .extra-info .des {
	    width: 100%;
	}
	header .top-bar-wrap .navbar-brand{
		margin-bottom: 0;
	}
	.new-banner-title{
		margin-top: 280px;
	}
	
	header, nav, article, footer, address, img {
    display:  flex!important;
}
}