@media (max-width: 1366px) {
	.subbanner-block h2 { font-size: 55px;}
	.intro-panel {
    padding: 100px 0 50px;
}
}
@media (max-width: 1280px) {
    .container { width: 99%;}
	.products-slider{ padding: 0 50px;}
	.slider-block h1 {font-size: 50px;}
    .logo{ width: 260px;}
    header{ padding: 30px 42px 0}
    .sticky-top{ padding: 0 42px;}
    .sticky-top .stickylogo {width: 65px; padding: 10px 0 0;}
}
@media (max-width: 1200px) {
    .aboutus-block h3 { font-size: 20px; line-height: 30px;}
    .aboutus-block p { font-size: 16px; line-height: 26px;}
}
@media (max-width: 1060px) {
     .nav-bar { display: none;}
     header { transform: none;}
     .mob-nav {
         position: fixed;
         display: block;
         top: 0;
         right: -250px;
         height: 100%;
         -webkit-transition: right 0.5s ease 0s;
         -moz-transition: right 0.5s ease 0s;
         -o-transition: right 0.5s ease 0s;
         -ms-transition: right 0.5s ease 0s;
         transition: right 0.5s ease 0s;
         z-index: 1200;
         -webkit-transform: translateZ(0);
         -moz-transform: translateZ(0);
         -o-transform: translateZ(0);
         -ms-transform: translateZ(0);
         transform: translateZ(0);
     }
     .overlay {
         background-color: rgba(0, 0, 0, 0.4);
         width: 100%;
         height: 100%;
         position: fixed;
         top: 0;
         left: 0;
         z-index: 1100;
         display: none;
     }
     .mob-nav.open { right: 0; width: 100%; position: fixed; height: 100%; }
     .nav-panel {
         background-color: #fff;
         height: 100%;
         width: 250px;
         position: relative;
         padding-bottom: 72px;
     }
     .nav-panel ul {list-style: none; padding: 30px 25px; margin: 0;}
     .navlist li a {
         font-size: 14px;
         line-height: 16px;
         color: #2f3f48;
         font-weight: 400;
         padding: 14px 0;
         margin: 0;
         display: block;
         text-decoration: none;
         border-bottom: 1px solid #dadada;
         -o-transition: color 300ms ease;
         -moz-transition: color 300ms ease;
         -webkit-transition: color 300ms ease;
         transition: color 300ms ease;
     }
     .navlist li a:hover { color: #bb8153;}
	.tel {
    background-color: rgba(160, 79, 48, 0.25);
    color: #c43437;
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    padding: 4px 0px;
    border-radius: 0;
    text-align: center;
    margin-top: 20px;
     margin-left: 0; 
   box-shadow: 0 0 0px rgba(177, 116, 36, 0.51);
}
    .sticky-top .tel {
    box-shadow: 0px 0 0px rgba(177, 116, 36, 0.20);
}
     .menu-toggle {float: left; margin-top: 10px;}
     #navigation-toggle,
     #navigation-toggle.open-menu {
         box-shadow: none;
         position: absolute;
         right: 250px;
         top: 0;
     }
     #navigation-toggle.open-menu {
         background-color: #ef3742;
         border: 1px solid #F29090;
         -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset;
         -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset;
         -o-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset;
         -ms-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset;
         box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset;
     }
     #navigation-toggle {
         background: #bb8153;
         float: left;
         height: 40px;
         -webkit-transition: all 500ms ease-in 0s;
         -moz-transition: all 500ms ease-in 0s;
         -o-transition: all 500ms ease-in 0s;
         -ms-transition: all 500ms ease-in 0s;
         transition: all 500ms ease-in 0s;
         width: 45px;
         position: absolute;
         z-index: 999;
         top: 52px;
     }
     .sticky-top #navigation-toggle{ top: 16px;}
     .menu-icon {
         background-image: none;
         display: inline-block;
         vertical-align: top;
     }
     .icon-toggle {
         position: absolute;
         display: inline-block;
         padding: 7px 12px;
         line-height: 15px;
         -webkit-transition: all 0.3s ease 0s;
         -moz-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
         -ms-transition: all 0.3s ease 0s;
         transition: all 0.3s ease 0s;
     }
     .lines {
         background-color: #FFFFFF;
         display: inline-block;
         height: 2px;
         position: relative;
         width: 22px;
     }
     .lines:before,
     .lines:after {
         background-color: #FFFFFF;
         content: "";
         display: inline-block;
         height: 2px;
         left: 0;
         position: absolute;
         -webkit-transform-origin: 50% 50% 0;
         -moz-transform-origin: 50% 50% 0;
         -o-transform-origin: 50% 50% 0;
         -ms-transform-origin: 50% 50% 0;
         transform-origin: 50% 50% 0;
         width: 22px;
     }
     .lines:before { top: 6px; }
     .lines:after { top: -6px;}
     .icon-toggle .lines {
         -webkit-transition: background 0.3s ease 0.6s;
         -moz-transition: background 0.3s ease 0.6s;
         -o-transition: background 0.3s ease 0.6s;
         -ms-transition: background 0.3s ease 0.6s;
         transition: background 0.3s ease 0.6s;
     }
     .icon-toggle .lines:before,
     .icon-toggle .lines:after {
         -webkit-transform-origin: 50% 50% 0;
         -moz-transform-origin: 50% 50% 0;
         -o-transform-origin: 50% 50% 0;
         -ms-transform-origin: 50% 50% 0;
         transform-origin: 50% 50% 0;
         -webkit-transition: top 0.3s ease 0.6s, transform 0.3s ease 0s;
         -moz-transition: top 0.3s ease 0.6s, transform 0.3s ease 0s;
         -o-transition: top 0.3s ease 0.6s, transform 0.3s ease 0s;
         -ms-transition: top 0.3s ease 0.6s, transform 0.3s ease 0s;
         transition: top 0.3s ease 0.6s, transform 0.3s ease 0s;
     }
     .menu-toggle.active .icon-toggle .lines {
         background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
         -webkit-transition: background 0.3s ease 0s;
         -moz-transition: background 0.3s ease 0s;
         -o-transition: background 0.3s ease 0s;
         -ms-transition: background 0.3s ease 0s;
         transition: background 0.3s ease 0s;
     }
     .menu-toggle.active .icon-toggle .lines:before,
     .menu-toggle.active .icon-toggle .lines:after {
         top: 0;
         -webkit-transition: top 0.3s ease 0s, transform 0.3s ease 0.5s;
         -moz-transition: top 0.3s ease 0s, transform 0.3s ease 0.5s;
         -o-transition: top 0.3s ease 0s, transform 0.3s ease 0.5s;
         -ms-transition: top 0.3s ease 0s, transform 0.3s ease 0.5s;
         transition: top 0.3s ease 0s, transform 0.3s ease 0.5s;
         width: 22px;
     }
     .menu-toggle.active .icon-toggle .lines:before {
         -webkit-transform: rotate3d(0, 0, 1, 45deg);
         -moz-transform: rotate3d(0, 0, 1, 45deg);
         -o-transform: rotate3d(0, 0, 1, 45deg);
         -ms-transform: rotate3d(0, 0, 1, 45deg);
         transform: rotate3d(0, 0, 1, 45deg);
     }
     .menu-toggle.active .icon-toggle .lines:after {
         -webkit-transform: rotate3d(0, 0, 1, -45deg);
         -moz-transform: rotate3d(0, 0, 1, -45deg);
         -o-transform: rotate3d(0, 0, 1, -45deg);
         -ms-transform: rotate3d(0, 0, 1, -45deg);
         transform: rotate3d(0, 0, 1, -45deg);
     }
     .menu-toggle.active .menu-icon { left: 14px;}
     .nav-panel { float: right;}
	
	.navlist li ul {
    padding: 5px 16px;
}
	.aboutus-img{min-height: 272px;}
	
}
@media (max-width: 991px) {
	.abouttop, .aboutbottom{position: relative;border-radius: 0;top: 0;right: 0;left: 0;bottom: 0; width: 50%;}
	.ftr-logo-info{ padding: 0 25px 25px;}
	.ftr-logo {padding-bottom: 20px;}
	.ftr-block {padding: 50px 0px;}
	.aboutus-img{ display: flex; margin: 6% 1% 2%; min-height: auto;}
	.flexcol { display: inline-grid; width: 50%;}
	.designcol p {font-size: 16px;line-height: 24px;}
	.design-panel h3 { font-size: 36px;line-height: 40px;}
	.contact-add-block h3 { font-size: 16px; line-height: 24px; font-weight: 700;margin: 20px auto 10px;}
	.contact-add-block { padding: 25px 0; text-align: center; min-height: auto;}
	.intro-carousal:before {right: -20px;}
	.form-panel { padding: 50px 0;}
	.slider-block h1 {font-size: 50px;}
	.intro-block {padding: 5%;}
	.intro-panel { padding: 80px 0 0px;}
	.services-panel { padding: 50px 0px 0;}
	.intro-carousal{ width: 90%;}
	.servicesftr {padding: 18% 0 0;}
	.work-panel{padding: 2% 3% 25%; margin-bottom: 2%;}
	.ourcontact-panel { padding: 50px 0;}
	.our-contact-icon {
    padding: 18px 22px;
    top: -10px;
    width: 60px;
    height: 60px;
    left: -10px;
    font-size: 18px;
    line-height: 30px;
}
	.head-title h2 {font-size: 36px;}
	.products-panel { padding: 5% 0 1%;}
	.work-block p{ padding-bottom: 25px;}
	.contactmap iframe {min-height: 480px;}
}
@media (max-width: 767px) {
	.quicklinks-block, .office-time-block { padding: 0 25px 25px;}
	.sub-banner{ min-height: 450px;}
	.subbanner-block h2 { font-size: 45px;}
	header { padding: 20px 15px 0;}
	.sticky-top { padding: 10px 0 0; height: 85px; background-color: #9e662c;}
    .sticky-top .stickylogo { display: none;}
    .sticky-top .logo { display: block; width: 220px;}
    .logo { width: 220px;}
    #navigation-toggle { top: 16px;}
	.sticky-top #navigation-toggle { top: 16px;}
    .main-slider{ margin-top: 5em;}
	.back_to_top { width: 35px;height: 35px; right: 0; bottom: 0;}
	.back_to_top .svg-inline--fa {font-size: 18px;}
	.design-panel h4, .moulds-panel h4 { font-size: 20px;line-height: 30px;}
	.head-title h2 {font-size: 32px;line-height: 36px;}
	.flexequalcol {width: 48%;}
	.contactrow { display: block;}
	.borderright { border-bottom: 1px solid rgba(153, 56, 30, 0.40); border-right: 0; margin-bottom: 20px;}
	.design-block h4, .moulding-block h4 {font-size: 16px;}
	.design-block, .moulding-block {padding: 30px;}
	.our-contact-block{ min-height: 100px;  margin-bottom: 20px;}
	.ourcontact-panel {padding: 50px 15px;}
	.intro-block {  padding: 5% 25px;}
	.intro-block a{ margin: 30px 0 0;}
	.services-block a{margin: 30px auto 0;}
	.slider-block h4 {font-size: 16px; line-height: 24px;}
	.slider-block h1 { font-size: 36px; line-height: 36px;}
	.head-title p {font-size: 18px; line-height: 26px;padding: 0 15px;}
	.serviceswrap { max-width: 80%;margin: 18% auto 2%; position: relative;}
	.servicesftr { padding: 6% 2% 0;}
	.services-block {margin: 5% auto 0;}
	.design-block:before { width: 100px;right: -58px;}
	.work-block p {line-height: 24px;}
    header { padding: 10px 0px 0; position: fixed; top: 0; background-color: #9e662c;}
    .waveone, .wavethree { background-size: 50% 50px;}
    .wavetwo {background-size: 50% 70px; }
    .contactmap{ margin-top: 20px;}
    .contactmap iframe{ min-height: 420px;}
}
@media (max-width: 690px) {
	.flexrow {display: block;}
	.flexcol{ width: 100%;}
	.designcol{ padding: 15px 25px;}
	.designcol p {padding-bottom: 0;}
	.designcol p:before {
		width: 25px;
		height: 25px;
		padding: 2px 0;
		font-size: 13px;
		line-height: 13px;
		padding-right: 0;
}
	.mouldsslider, .design-images { padding: 50px 0;}
	.design-panel p, .moulds-panel p {font-size: 16px;line-height: 24px;}
	.sub-banner { min-height: 250px; margin-top: 5em;}
	.subbanner-block h2 { font-size: 40px;}
	.slider-block h1 { font-size: 26px; line-height: 30px;padding-bottom: 5px;}
	.slider-block h4 { font-size: 13px; line-height: 16px;}
    .serviceswrap { max-width: 99%; margin: 10% auto 2%;}
}
@media (max-width: 600px) {
	.aboutus-img{ display: block; box-shadow: 0px 0px 0px #ccc;}
	.abouttop, .aboutbottom{ width: 100%; }
	.quicklinks-block, .office-time-block, .ftr-logo-info { padding: 0 15px 25px;}
	.flexequalcol {width: 100%; margin: 2% 1% 2%;}
	.logo, .sticky-top .logo { width: 180px;}
    .intro-panel { padding: 50px 0 0px;}
	header { padding: 12px 0px 0;}
	#navigation-toggle, .sticky-top #navigation-toggle { top: 10px;}
	.main-slider .waves-panel-bottom { margin: -185px auto 0;height: 145px;}
	.sticky-top .stickylogo { width: 60px; padding: 7px 0 0;}
	.sticky-top { padding: 12px 0px 0;  height: 80px;}
	.head-title h2 { font-size: 30px; line-height: 34px; padding-bottom: 25px;}
	.intro-block { padding: 8% 25px;}
	.intro-block p { font-size: 16px;line-height: 24px;}
	.servicesicon { padding-bottom: 15px; width: 70px; height: 70px; margin: 0 auto; display: flex;}
	.design-block h4, .moulding-block h4 { font-size: 14px;}
	.design-block, .moulding-block {padding: 20px;}
	.servicesftr p { font-size: 16px;line-height: 24px;}
	.design-block:before { width: 100px;right: -58px; bottom: 14%; height: 25px;}
	.products-slider { padding: 0 20px;}
    .mediaslide {  border-bottom-right-radius: 40px;}
	.intro-carousal:before{width: 80%;border-bottom-right-radius: 40px; right: -10px; bottom: 18px;}
    .ftr-block {padding: 50px 0px 10px;}
	.ftr-logo {width: 200px;}
}
@media (max-width: 480px) {	
	.our-contact-block{ min-height: 130px;}
}