:root{
    --red-color: #ed1c24;
    --white-color: #fff;
    --black-color: #000;
    --open-sans: "Open Sans", sans-serif;
    --poppins-sans: "Poppins", sans-serif;
    --roboto-sans: "Roboto", sans-serif;
    --montserrat-sans: "Montserrat", sans-serif;
    --light-gray-color: #f0f0f0;
    --gray-color: #999;
    --gray-color1: #777;
    --gray-color2: #20252b;
    --light-gray-color1: #dedede;
    --light-gray-color2: #f7f7f7;
    --light-gray-color3: #ebebeb;
}

/* Large Above Screen Layout: 1600px. */
@media only screen and (min-width: 1600px) {}



@media only screen and (max-width: 1200px) {
.header-area .logo {margin-bottom: 10px; text-align: center;}
.header-area .header-info {justify-content: center;}
}


@media only screen and (max-width: 1024px) {
.main-footer .footer-nav {display: none;}
.main-footer .rows .col-xl-7 {width: 100%;max-width: 100%;}
.main-footer .rows .col-xl-5 {width: 100%;max-width: 100%;}
.main-footer .copyright-info p {text-align: center;}
    
}


/* Ipad Layout: 991px. */
@media only screen and (max-width: 991px) {
.hm-service .entry-post {margin-bottom: 30px;}
.hm-cta .media-body svg {margin-right: 0px;}
.hm-cta .media-body1 {text-align: left;}
.header-area .header-info .header-loca {margin-right: 0px;}
.topbar-layout .top-info {padding-left: 0;}
.topbar-layout .top-info1 {padding-right: 0px;}
.header-area .logo {padding-top: 0; padding-left: 0px;}
.hm-gallery .media-body figure:first-child img {width: 100%;max-width: 100%;}
}

@media only screen and (max-width: 820px) {
.header-area .header-info {align-items: center;}
.header-area .header-info .header-loca {margin-right: 0px; flex-direction: column;}

}


@media only screen and (max-width: 767px) {
.hm-chose .media-body { padding: 0;}
.hm-chose {padding: 40px 0;}
.hm-chose figure {padding: 0 15px; margin-bottom: 25px;}
.hm-service .entry-post {margin-bottom: 50px;}
.hm-gallery .section-heading {max-width: 100%;}
.hm-gallery .media-body{flex-direction: column;}
.hm-gallery .media-body figure {margin-bottom: 30px;}
.hm-cta .media-body1 {text-align: center;}
.abt-intro .media-body {flex-direction: column;}
.abt-intro .media-body figure img {height: 100%; width: 100%;}
.abt-intro .media-body1 .section-heading { padding-right: 0;}
.product-choose .media-body ul {flex-direction: column;}
.product-choose .media-body {padding:1rem;}
.hm-cta .media-body { display: flex; align-items: center; justify-content: center; flex-direction: column;}
.hm-cta .media-body .text {margin-bottom: 15px; text-align:center;}
.main-footer .social { margin-bottom: 15px;}
.main-footer ul li { margin-bottom: 0;}
.main-footer .footer-widget { margin-bottom: 25px;}
.single-product .media-body { margin-top: 0; margin-bottom: 1.5rem; }
.single-product .media-gallery .col-6 {width: 100%;}
.single-product .threecollayout {display: grid; grid-template-columns: 1fr;}
.gallery-page .max-width {max-width: 100%;}
.hm-gallery .media-body {width: 100%; max-width: 100%;}
.topbar-layout .top-info .icon {margin-right:5px}
.header-area .header-info .entry-icon svg {width: 60px; height: 60px; margin-top: 0px}
.contact-page .box-info .icon {margin-right: 10px;}
.abt-intro, .gallery-page, .contact-page, .single-product {padding: 3rem 0;}	
	
	
}




@media only screen and (max-width: 576px) {
.topbar-layout .top-info {margin-bottom: 5px;}
.topbar-layout .top-info1, .topbar-layout .top-info1 .social ul {justify-content: start;}
.header-area .header-info {flex-direction: column; align-items: start;}
.banner-title {	font-size: 25px;}
}







/* Medium screen  */
@media only screen and (min-width: 992px) and (max-width: 1199px) {}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {}
 
@media only screen and (min-width: 1200px) and (max-width: 1460px) {}

@media only screen and (min-width: 1451px) and (max-width: 1700px) {}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {}


@media only screen and (min-width: 992px) and (max-width: 1199px) {}

@media only screen and (min-width: 768px) and (max-width: 991px) {}



/*==============================================
   Main Menu All Responsice Css
===============================================*/

@media only screen and (min-width: 992px) and (max-width: 1199px) {}

@media only screen and (min-width: 768px) and (max-width: 991px) {}


@media (max-width: 1700px) {}

/*Contact One*/
@media only screen and (min-width: 1200px) and (max-width: 1499px) {}

/*Contact One*/
@media only screen and (min-width: 1500px) and (max-width: 1675px) {}

/*Blog One*/
@media only screen and (min-width: 1024px) and (max-width: 1199px) {}

/*Blog One*/
@media only screen and (min-width: 600px) and (max-width: 1023px) {}

/*Blog One*/
@media (max-width: 799px) {}

@media (max-width: 480px){}

@media only screen and (max-width: 1199px) {}