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

@media (min-width: 992px) and (max-width: 1199.98px) { 
	.container{
		max-width: 100%;
	}
	html {
	    font-size: 32%;
	}
	
}

@media (max-width: 991px) { 
	.container{
		max-width: 100%;
	}
	html {
		font-size: 32%;
	}
	.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: #453630;
	}
	.humberger_col{
		display: flex;
		align-items: center;
	}
	#menu{
		display: none;
	}
	.hamburger-menu {
		display: block;
	}
	.ofcavas-menu {
		display: block;
	}
	.social_box {
	    justify-content: center;
	}
	.galler1_img_box p {
	    font-size: 3.1rem;
	}
	.form_title_box {
	    margin-top: 1.6rem;
	}
	.coupon_title_box{
		margin-bottom: 0;
	}
	.coupon_box{
		margin-top: 1.6rem;
	}
	.brand_img_box img {
	    height: 13rem;
	}
	.footer_content .header_contact a{
		color: #fff;
	}
	.hero_top_content1 h3 {
	    font-size: 4.8rem;
	}
	
	.service_area_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;
	}
	.galler1_img_box p {
	    font-size: 2.3rem;
	}
	.middli_list ul li {
	    padding-right: 2rem;
	}
	.middli_list ul li a{
		font-size: 1.7rem;
	}
	.humberger_col .h_number a{
		padding-right: 3rem;
	}
	.middli_list ul {
	    padding: 2.8rem 0rem 1.7rem 0rem;
	    justify-content: center;
	}
	.galler1_img_box1 p {
	    bottom: 2.8rem;
	}
	.galler1_img_box1{
		margin-bottom: 0.8rem;
	}
	.galler1_img_box2{
		margin-bottom: 0;
	}
	.roofing_heading{
		padding: 3.1rem 0 2.4rem;
	}
	.roofing_service {
	    margin-top: 0;
	}
	.roofing_box {
	    max-width: 100%;
	    flex-basis: 100%;
	    background-color: #685c57;
	    margin-top: 0.8rem;
	}
	.roofing_service{
	    padding: 0;
	    background-color: transparent;
	}
	.roofing_service .form_row{
		justify-content: center !important;
	}
	.roofing_service .form_row{
		margin-left: 0.4rem;
		margin-right: 0.4rem;
	}
	.roofing_service .form_row>div{
		margin-left: 0;
		margin-right: 0;
	}
	.roofing_box{
		padding: 4rem 1.6rem;
		text-align: center;
	}
	.footer_menu ul li a {
	    font-size: 2rem;
	}
	.footer_p p {
	    max-width: 84rem;
	    margin-left: auto;
	    margin-right: auto;
	}
	.hero_top_content1 h1 {
	    font-size: 8.7rem;
	}
	.hero_top_content1 h3 {
	    font-size: 3.8rem;
	}
	.galler1_img_box1 p {
	    font-size: 4rem;
	}
	.form_btn button{
		width: 100%;
	}
	.service_area_list ul li {
		flex-basis: 33.33%;
		max-width: 33.33%;
	}

}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575.98px) {
	html{
		font-size: 1.8vw;
	}
	.container{
		padding: 0;
	}
	.logo img {
	    max-width: 19rem;
	}
	.header_contact {
	    margin-top: 1rem;
	}
	.humberger_col .h_number {
	    padding-left: 1rem;
	}
	.humberger_col .h_number a {
	    padding-right: 1rem;
	    padding-bottom:7px;
	    font-size: 2.4rem;
	}
	.h_number img {
	    width: 2rem;
	    padding-bottom:3px;
	}
	.hero_content_wrapper {
	    height: 52.2rem;
	}
	.hero_top_content h1 {
	    font-size: 3.7rem;
	}
	.hero_middle_content p {
	    font-size: 2.2rem;
	    max-width: 73.8rem;
	    text-align: center;
	}
	.hero_bottom_content p {
	    font-size: 2rem;
	}
	.galler1_img_box p {
	    font-size: 3.3rem;
	}
	.title_content p {
	    font-size: 2rem;
	    max-width: 52rem;
	    margin-left: auto;
	    margin-right: auto;
	}
	.title_content {
	    text-align: center;
	}
	.button {
	    font-size: 2.3rem;
	}
	.maiddle_social_wrapper {
	    margin-top: 0;
	}
	.middli_list ul {
	    flex-direction: column;
	}
	.middli_list ul li{
		padding-right: 0;
		padding-bottom: 0.5rem;
	}
	.middli_list ul li:last-child{
		padding-bottom: 0;
	}
	.social_box {
	    margin-left: 12px;
	    margin-right: 12px;
	}
	.social_box p {
	    font-size: 1.9rem;
	}
	.gallery1_wrapper{
		margin-top: 0;
	}
	.gallery1_wrapper .col{
		flex-basis: 50%;
		max-width: 50%;
	}
	.gallery1_wrapper .col{
		padding-left: 0;
		padding-right: 0;
	}
	.galler1_img_box img {
	    /*! height: 65rem; */
	    object-fit: cover;
	}
	.form_wrapper{
		margin-top: 0;
	}
	.title_box{
		text-align: center;
	}
	.service_wrapper {
	    padding-top: 4px;
	}
	.service_title_box{
		margin-bottom: 2px
	}
	.serice_box {
	    margin-top: 2px;
	}
	.gallery_wrapper {
	    margin-top: 4px;
	}
	.gallery_title_box {
	    margin-bottom: 4px;
	}
	.galler_img{
		margin-top: 0;
	}
	.form_row2>div {
	    padding-left: 0rem;
	    padding-right: 0rem;
	}
	.coupon_title_box {
	    margin-top: 4px;
	}
	.coupon_box {
	    margin-top: 2px;
	}
	.coupon_title_box {
	    margin-top: 4px;
	    margin-bottom: 2px;
	}
	.service_img img{
		height: 30.4rem;
		object-fit: cover;
	}
	.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;
	}
	.service_img img {
	    margin-top: 2px;
	}
	.footer_menu ul {
	    flex-wrap: wrap;
	}
	.footer_wrapper {
	    margin-top: 4px;
	}
	.footer_menu ul {
	    padding-top: 4rem;
	    position: relative;
	    padding-bottom: 4rem;
	}
	.footer_menu ul::before {
	    position: absolute;
	    content: '';
	    left: 50%;
	    transform: translateX(-50%);
	    bottom: 0;
	    height: 0.5rem;
	    width: 44rem;
	    background-color: #fff;
	}
	.footer_wrapper ul li{
		flex-basis: 25%;
		max-width: 25%;
		text-align: center;
		border-bottom: none;
	}
	.footer_menu ul li{
		padding-right: 0;
	}
	.footer_wrapper ul li:nth-child(4){
		padding-right: 0;
	}
	.footer_wrapper ul li:nth-child(5),
	.footer_wrapper ul li:nth-child(6),
	.footer_wrapper ul li:nth-child(7){
		padding-top: 3.5rem;
	}
	.footer_p p {
	    max-width: 49rem;
	    margin-left: auto;
	    margin-right: auto;
	}
	.middle_social_content_wrapper {
	    padding-bottom: 2.5rem;
	}
	.form_row {
	    margin-right: 0;
	    margin-left: 0;
	}
	.form_row>div {
	    padding-left: 0rem;
	    padding-right: 0rem;
	}
	.form_row2{
		margin-left: 0;
		margin-right: 0;
	}
	.header_container{
		padding-left: 15px;
		padding-right: 15px;
	}
	.form_form_row>div{
		padding-left: 0.5rem !important;
		padding-right: 0.5rem !important;
	}
	.coupon_box h2 {
	    font-size: 13.5rem;
	}
	.coupon_box .p1 {
	    font-size: 6.5rem;
	}
	.coupon_box .p2 {
	    font-size: 2.9rem;
	}
	.hero_top_content1 h3 {
	    font-size: 4rem;
	}
	.hero_bottom_content2{
		padding-top: 3rem;
	}
	.form_btn .button {
	    font-size: 1.3rem;
	}
	.form {
	    padding: 3.6rem 2rem 8.8rem;
	}
	.form_btn {
	    margin-top: 0.4rem;
	}
		.service_area_list ul li {
		flex-basis: 100%;
		max-width: 100%;
	}
	.service_area_list{
		padding-left: 1.5rem;
	}

	
}