@media only screen and (max-width: 1420px){
    .find .container{width: 100%;}

    
}

@media only screen and (max-width: 1320px){
    .container{width: 100%;}
    .nav_left{left: 120px;}
    .nav_right{right: 73px;}
    .special{padding: 63px 15px 33px;}
    .profile{padding: 15px 15px 25px;}
    .profile ul {margin: 0;}
    .find {padding: 48px 15px 71px;}
    .profile ul li figure:hover{transform: scale(1.1);}
}

@media only screen and (max-width: 1200px){
    h3{font-size: 30px;line-height: 40px;}
    .logo figure a img {width: 320px;height: auto;}
    .nav_left{left: 72px;}
    .nav_right{right: 22px;}
    .map_left{width: 50%;padding: 0;}
    .map_right{width: 50%;}
    .foot_logo img {width: 250px;height: auto}
    .wrapper{padding: 298px 0 0 0;}
	
	.section_left_1{width: 30%;float:  left; margin-right:25px;}
.section_left_2{width: 30%;float:  left; margin-right:25px;}
.section_left_3{width: 30%;float:  left;}

}
@media only screen and (max-width: 1024px){
    .logo figure a img {width: 280px;height: auto;}
    .section_main{width: 90%;padding: 60px 15px;}
    .color{height: 60px;}
    .solid_const figure{padding: 0 40px 0 0;}
    .wrapper{padding: 195px 0 0 0;}
    .sticky .wrapper {padding: 174px 0 0 0;}
}

@media only screen and (max-width: 991px){
    h2 {font-size: 28px;line-height: 35px;}
    h3 {font-size: 25px;line-height: 35px;}
    h4 {font-size: 22px;line-height: 30px;}
    h5 {font-size: 20px;line-height: 28px;}
    h6 {font-size: 18px;line-height: 25px;}
    .nav{text-align: center;padding: 5px 0;}
    .nav_left{position: static;display: inline-block;}
    .nav_right{position: static;display: inline-block;}
    .header{padding: 15px 0;}
    .logo figure a img {width: 180px;height: auto;}
    .special p{font-size: 20px;line-height: 30px;}
    .special h3{padding: 0 0 10px 0;}
    .location ul li{font-size: 20px;line-height: 28px;}
    .banner_head h2{padding: 0}
    .banner2 img{height: 300px;}
    .banner_head h2{line-height: 35px;}
    .address ul li span.cape{font-size: 20px;line-height: 25px;}
    .address ul li p{font-size: 20px;line-height: 25px;}
    .address ul li span{font-size: 20px;line-height: 25px;}
	
		.section_left_1{width: 40%;float:  left; margin-right:25px;}
.section_left_2{width: 40%;float:  left; margin-right:25px;}
.section_left_3{width: 40%;float:  left;}

}

@media only screen and (max-width: 767px){
    .logo figure a img{width: 150px;}
    .btn_toggle{display: block;}
    .nav{display: none;}
    .sidebar .nav{display: block;}
    .change .btn_toggle span:nth-child(1) {transform: rotate(45deg);transition: all ease-in-out 0.3s;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);}
    .change .btn_toggle span:nth-child(2) {opacity: 0;}
    .change .btn_toggle span:nth-child(3) {transform: rotate(-45deg);top: -19px;transition: all ease-in-out 0.3s;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);}
    .change .wrapper {left: -200px;}
    .change .sidebar {right: 0;}
    .sidebar {display: block;position: fixed;right: -200px;top: 0px;background: #F5F5F0;height: 100%;top: 0;overflow: auto;transition: all ease-in-out 0.3s;width: 200px;border-left: 1px solid #192363;}
    .nav ul li{display: block;padding: 5px 0;font-size: 15px;line-height: 18px;position: static;}
    .nav ul li a{color: #000000;}
    .title li a{color: #000000 !important;}
    .nav_left > ul > li:after{display: none;}
    .nav_left > ul > li:hover .title{display: none;;}
    .title{position: static;width: inherit;height: inherit;background: none;border-top:none;}
    .title li{font-size: 13px !important;line-height: 16px !important;display: block !important;padding: 3px 0 !important;}
    .special {padding: 32px 15px;}
    .map_left {width: 100%;float: none}
    .map_right {width: 100%;float: none;padding: 10px 0;}
    .find{padding: 15px 15px;}
    .map_left h4{padding: 5px 0;}
    .location ul li {font-size: 15px;line-height: 22px;}
    .foot_logo img {width: 180px;}
    footer{padding: 15px 15px 30px;}
    .number ul li a{padding: 5px 0;font-size: 15px;line-height: 20px;}
    .address ul li span.cape{font-size: 15px;line-height: 20px;}
    .address ul li p{font-size: 15px;line-height: 20px;padding: 4px 0 0 0;}
    .address ul li span{font-size: 15px;line-height: 20px;padding: 5px 0 0 0;}
    .foot_logo{padding: 0;}
    .address{padding: 10px 0;}
    .section_left{width: 100%;float: none;padding: 0 15px;}
    .section_right{width: 100%;float: none;padding: 15px 0;}
    .roofs:after{display: none;}
    .section_main{padding: 15px 0;}
    .roofs{padding: 0 15px;}
    .solid_const p{font-size: 15px;line-height: 20px;padding: 10px 0 0 0;}
    .section_left h3{padding: 0 0 15px 0;}
    .solid_const figure{padding: 0;}
    .features{padding: 20px 0 0 0;}
    .features h5{padding: 0 0 10px 0;}
    .features ul li{font-size: 15px;line-height: 22px;}
    .metal_types{padding: 10px 0;}
    .custom p{font-size: 15px;padding: 0 15px;}
    .custom{padding: 15px 0;}
    .change.sticky header {left: -200px;position: fixed;}
    .sticky .logo figure a img{width: 100px;height: auto;}
    .profile ul li{width: 32%;}
    .wrapper{padding: 134px 0 0 0;}
    .sticky .wrapper {padding: 99px 0 0 0;}
    .profile ul li figure:hover {transform: scale(1.2);}
	
		.section_left_1{width: 39%;float:  left; margin-right:35px;}
.section_left_2{width: 39%;float:  left; margin-right:35px;}
.section_left_3{width: 39%;float:  left;}

	.nav_right > ul > li:after {display:none;}
	.nav_right ul li {position:relative;}
	.nav_right ul li span {display:block; position:absolute; z-index:2; right:-28px; top:4px; width:20px; height:20px;}
	.nav_right ul li span:after {content:'+'; font-size:25px; color:#000000; width:20px; line-height:20px; text-align:center; font-weight:bold; position:absolute; z-index:2; left:0; top:0;}
	.nav_right ul li.sub_menu span:after {content:'-';}
}

@media only screen and (max-width: 599px){
    h2 {font-size: 25px;line-height: 35px;}
    h3 {font-size: 23px;line-height: 35px;}
    h4 {font-size: 19px;line-height: 28px;}
    h5 {font-size: 16px;line-height: 22px;}
    .special p {font-size: 15px;line-height: 24px;}
    .profile ul li{width: 100%;float: none;padding: 15px 0;}
    .map_left h4{line-height: 28px;}
    .banner2 img{height: 220px;}
    .foot_logo img {width: 120px;}
    .section_left h3{font-size: 30px;}
    .color{height: 40px;}
    .metal_name{padding: 0;}
    .metal_name h5{letter-spacing: 0;}
    .special{padding: 10px 15px;}
    .profile ul{padding: 0 15px;}
    .profile ul li figure:hover{transform: scale(1.1);}
	
		.section_left_1{width: 80%;float:  left; margin-right:35px;}
.section_left_2{width: 80%;float:  left; margin-right:35px;}
.section_left_3{width: 80%;float:  left;}
}
@media only screen and (max-width: 479px){
    h3 {font-size: 20px;line-height: 24px;}
    .logo figure a img{width: 110px;}
    .special {padding: 15px 15px;}
    .banner_head h2{font-size: 20px;line-height: 25px;padding: 0 15px;}
    .wrapper {padding: 106px 0 0 0;}
    .sticky .wrapper {padding: 99px 0 0 0;}
}