@media screen and (max-width: 1024px) and (min-width: 240px){

    .gerenric_product .product_col{width: 50%;}

    .menu_icon {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-radius: 0%;cursor: pointer;display: flex !important; position: absolute; left: 20px; top: 27px;}
	.menu_icon:hover .Mbarline {width: 25px;}
	.menu_icon.closeMenu .Mbarline {width: 25px;}
	.menu_icon.closeMenu .Mbarline:first-child {-webkit-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg);}
	.menu_icon.closeMenu .Mbarline:nth-child(2) {-webkit-transform: scale(0);transform: scale(0);}
	.menu_icon.closeMenu .Mbarline:last-child {-webkit-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
	.Mbarline {width: 25px;height: 2px;background: #000;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
	.Mbarline:nth-child(2) {width: 25px;margin: 5px 0;}
	.Mbarline:last-child {width: 25px;}
    #navigation_section{position: fixed; z-index: 99; overflow-y: auto; top: 70px;background-color: #fff; display: none;}
	#navigation_section.showMenu{ display: block; transition: all 0.3s;}
    #navigation_section #logo{height: 200px;  padding: 0px !important; background-color: #303231;}
    #navigation_section #logo img{width: 100% !important; height:200px !important; object-fit: cover;}
   .content_heading h1{font-size: 25px !important; margin: 0px !important; padding: 0px !important;}
   .content_heading img{width: 40px !important; margin: 0px 5px !important; height: 40px !important;}
    #content_section{width: calc(100% - 0px); }
    #content_section .content_heading{height: 70px; padding: 15px 20px 15px 60px;}
    #content_section .content_heading h1{font-size: 22px; line-height:  110%;}
    #content_section .content_inner{padding:30px 20px; height: calc(100vh - 70px);}
    .home_page .home_image{width:100%; margin-bottom: 20px;}
    .home_page .home_detail{width:calc(100% - 0px); padding-left: 0px;}
    .about_page p{font-size: 14px;}
    .contact-page .contact-left{width: 100%; margin-bottom: 30px; padding-right: 0px;}
    .contact-page .contact-right{width: 100%;}
    .contact-page h2{font-size: 20px;}
    


}

@media screen and (max-width: 650px) and (min-width: 240px){
   
}

@media screen and (max-width: 480px) and (min-width: 240px){
    .gerenric_product .product_col{width: 100%;}
}

@media screen and (max-width: 380px) and (min-width: 240px){}

@media screen and (max-width: 320px) and (min-width: 240px){}

@media screen and (max-width: 270px) and (min-width: 240px){}