/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1840px){
	.container{
		max-width: 1830px;
	}
	
}
@media (min-width: 1600px) and (max-width: 1829.98px) {
	.container{
		max-width: 1600px;
	}
	html {
	    font-size: 53.8%;
	} 
	
}
@media (min-width: 1400px) and (max-width: 1599.98px) {
	.container{
		max-width: 1400px;
	}
	html {
	    font-size: 46.8%;
	}
	
}
@media (min-width: 1200px) and (max-width: 1399.98px) { 
	.container{
		max-width: 1200px;
	}
	html {
	    font-size: 39.8%;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	html {
	    font-size: 32%;
	}
	.roof_box p {
	    font-size: 2.2rem;
	}
	
}

@media (max-width: 991px) {
	html{
		font-size: 32%;
	}
	/*headar top area*/
	.header_top_list{
		display: none;
	}
	.middli_list ul {
	    padding: 2.8rem 2rem 1.7rem 2rem;
	}
	.header_contact {
	    background-color: transparent;
	    padding: 0;
	    margin-bottom: 0;
	    margin-top: 2rem;
	}
	.h_number a{
		color: #fff;
	}
	.humberger_col {
	    display: flex;
	    align-items: center;
	    justify-content: flex-end;
	}
	.island_humberger {
	    margin-left: 2rem;
	    margin-top: -1rem;
	}
	#menu{
		display: none;
	}
	.hamburger-menu {
		display: block;
	}
	.ofcavas-menu {
		display: block;
	}
	/*hero area*/
	.hero_content_wrapper {
	    padding: 5.5rem 0 3.5rem;
	}
	.mb_p_hero{
		max-width: 77rem;
		margin-left: auto;
		margin-right: auto;
	}
	/*hero area end*/

	/*social box area*/
	.social_box {
	    justify-content: center;
	    flex-direction: column;
	}
	.social_box p{
		padding-right: 0;
		padding-bottom: 3rem;
		font-size: 2.2rem;
	}
	.social_content_box{
		display: flex;
		align-items: center;
	}
	.social_box img{
		width: 9.2rem;
	}
	.social_box a {
	    font-size: 4.2rem;
	}
	/*social box end*/

	/*gallery 1 area start*/
	.galler1_img_box p {
	    font-size: 3.1rem;
	}
	/*gallery 1 area end*/

	/*roofing text area start*/
	.roof_img img{
		width: 100%;
	}
	/*roofing text area end*/

	/*siding box area start*/
	.form_wrapper{
		margin-right: 0;
	}

	/*galery img*/
	.galler_img1{
		margin-top: 1rem;
	}
	.galler_img2 img {
	    height: 45.6rem;
	}

	.brand_img_box img {
	    height: 13rem;
	}
	.footer_content .header_contact a{
		color: #fff;
	}
	.hero_top_content1 h3 {
	    font-size: 4.8rem;
	}
	.footer_contact_num .header_contact {
	    align-items: center;
	}
	.footer_content .footer_social_box a{
		display: inline-block;
		text-align: center;
	}
	.footer_content .footer_social_box  a img {
	    width: 6rem;
	}
	.footer_content .footer_social_box  a:last-child img{
		width: 14rem;
	}

	.service_list ul li {
		flex-basis: 25%;
		max-width: 25%;
	}
}

/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767.98px) {
	html {
	    font-size: 31%;
	}
	.logo img {
	    max-width: 47rem;
	}
	.h_number img {
	    margin-top: -0.8rem;
	}
	/*middle list*/
	.maiddle_social_wrapper{
		margin-top: 0;
	}
	.middli_list {
	    display: none;
	}
	.social_box {
	    background-color: #404040;
	}
	/*galler img 1*/
	.gallery1_wrapper{
		margin-top: 0;
	}

	.galler1_img_box p {
	    font-size: 3.3rem;
	}
	.galler1_img_box1 p {
	    bottom: 2.8rem;
	}
	.galler_img2 img {
	    height: 33.4rem;
	}
	.galler1_img_box1{
		margin-bottom: 0.8rem;
	}
	.galler1_img_box2{
		margin-bottom: 0;
	}
	.galler_img1 {
	    margin-top: 0rem;
	}
	.island_price_box img {
	    max-width: 28.2rem;
	}
	.brand_img_wrapper {
	    padding: 0;
	}
	.brand_img_box img {
	    height: 10rem;
	}
	.footer_menu ul li a {
	    font-size: 2rem;
	}
	.footer_p p {
	    max-width: 84rem;
	    margin-left: auto;
	    margin-right: auto;
	}
	.footer_contact_num .h_number{
		background-color: #C12A2F;
		margin-top: 2rem;
	}
	.footer_contact_num .header_contact p {
	    font-size: 2.5rem;
	    padding-left: 2rem;
	}
	.footer_menu ul{
		flex-direction: column;
		background-color: transparent;
	}
	.footer_menu ul li{
		padding-right: 0;
		margin-bottom: 1rem;
	}
	.footer_menu ul li:last-child{
		margin-bottom: 0;
	}
	.footer_menu ul li a {
	    display: inline-block;
	    padding: 1.2rem 1.5rem 0.6rem;
	    background-color: #382D2D;
	    box-shadow: 0 0.3rem 0.6rem rgba( 0, 0, 0, 0.16);
	    width: 15rem;
	}
	.footer_content_wrapper{
		background-color: #453A3A;
	}
	.footer_p p {
	    font-size: 2rem;
	    line-height: 1.2;
	}
	.footer_social_wrapper p{
		font-size: 2.8rem;
		line-height: 1;
		color: #fff;
		font-weight: 400;
		letter-spacing: 0.056;
		text-align: center;
		margin-top: 1.2rem;
	}
	.service_list ul li {
		flex-basis: 33.33%;
		max-width: 33.33%;
	}

}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575.98px) {
	header{
		position: sticky;
	}
	.hero_wrapper{
		padding-top: 0;
	}
	html{
		font-size: 1.8vw;
	}
	.container{
		padding: 0;
	}
	.ofcavas-menu ul {
	    margin-top: 13rem;
	}
	header{
		padding: 0;
	}
	.logo img {
	    max-width: 23rem;
	}
	.header_col1{
		padding-right: 0;
	}
	.header_col2{
		padding-left: 0;
	}
	.header_contact {
	    margin-top: 0;
	    height: 100%;
	}
	.humberger_col .h_number {
	    width: 33rem;
	    height: 6.5rem;
	}
	.h_number {
	    justify-content: flex-end;
	}
	.humberger_col .h_number a {
	    padding-right: 0rem;
	    padding-bottom: 7px;
	    font-size: 2.6rem;
	}
	.h_number img {
	    width: 3rem;
	}
	.hero_content_wrapper {
	    height: 65.2rem;
	}
	.hero_top_content h1 {
	    font-size: 2.5rem;
	    line-height: 1.4;
	}
	.hero_top_content h1 br{
		display: none;
	}
	.hero_middle_content p {
	    font-size: 2.7rem;
	    max-width: 52.9rem;
	    line-height: 1.4;
	    margin-left: auto;
	    margin-right: auto;
	}
	.hero_middle_content_mb p {
	    margin-left: auto;
	    margin-right: auto;
	    max-width: 50rem;
	    padding-top: 5rem;
	    font-size: 2.4rem;
	}
	.hero_bottom_content p {
	    font-size: 2rem;
	}
	.hero_btn_group a {
	    max-width: 23.2rem;
	    font-size: 2rem;
	}
	.hero_mb_btn{
		margin-top: 3rem;
		text-align: center;
	}
	.hero_mb_btn a {
	    display: inline-block;
	    font-size: 2.1rem;
	    background-color: #BF2025;
	    font-weight: 600;
	    color: #FFFFFF;
	    padding: 2rem 5rem;
	    border-radius: 0.5rem;
	    box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
	}
	.hero_mb_btn a:hover{
		background-color: #BF2025;
	}
	.social_box a {
	    margin-left: 5rem;
	}
	.galler1_img_box p {
	    font-size: 2.5rem;
	}
	.galler1_img_box {
	    margin-top: 0rem;
	}
	.social_box p {
	    font-size: 2.5rem;
	}
	.gallery1_wrapper{
		margin-top: 0;
	}
	.roofing_text_wrapper {
	    padding-top: 2.9rem;
	}
	.roofing_heading_text .span1 {
	    font-size: 3rem;
	}
	.roofing_heading_text .span2{
		font-size: 1.8rem;
		new grid-row-gap: 1px;
	}
	.roofing_heading_text .span3{
		display: none;
	}
	.roofing_heading_text p {
	    max-width: 53rem;
	    margin-left: auto;
	    margin-right: auto;
	}
	.roof_box h4 {
	    font-size: 2rem;
	}
	.roof_box p {
	    font-size: 2.5rem;
	    max-width: 53rem;
	    margin-left: auto;
	    margin-right: auto;
	}
	.siding_box {
	    padding: 2.8rem 1rem 2.8rem 1.6rem;
	}
	.siding_left_content h4 {
	    font-size: 2rem;
	}
	.siding_right_content{
		min-width: 42.8rem;
		padding: 1.9rem 2.1rem;
	}
	.siding_content2 .siding_right_content2 {
	    min-width: 47.8rem !important;
	}
	.siding_list_box ul li {
	    font-size: 1.58rem;
	}
	
	.gallery_wrapper {
	    margin-top: 0px;
	}
	.gallery_wrapper .mt_30{
		margin-top: 0;
	}
	.galler_img.galler_img1 img {
	    height: 27.3rem;
	}
	.galler_img2 img {
	    height: 21.8rem;
	    object-fit: cover;
	}
	.siding_box_wrapper .mt_30{
		margin-top: 1rem;
	}
	.island_pricie_heading h2 {
	    font-size: 4rem;
	}
	.island_pricie_heading h5 {
	    font-size: 2rem;
	}
	.brand_wrapper {
	    margin-top: 4px;
	}
	.brand_img_wrapper{
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.brand_img_box {
	    flex-basis: 33.33%;
	    max-width: 33.33%;
	    text-align: center;
	}
	.form_row{
		margin-left: 0;
		margin-right: 0;
	}
	.form_row>div {
	    padding-left: 0;
	    padding-right: 0;
	}
	.island_price_box img {
	    max-width: 13.2rem;
	}
	.island_price_box p br{
		display: none;
	}
	
	.island_price_btn{
		border-top: none;
		position: relative;
	}
	.island_price_btn::before{
		position: absolute;
		content: '';
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		height: 4px;
		width: 80%;
		background-color: #fff;
	}

	.footer_menu ul{
		margin-top: 0;
	}
	.service_list ul li {
		flex-basis: 100%;
		max-width: 100%;
	}
	.service_list{
		padding-left: 1.5rem;
	}

	

	
}