@media screen and (max-width: 1024px) and (min-width: 240px){
    .page_width{width: 100%; padding: 0px 15px;}
    .gerenric-heading h1{font-size: 45px;}
    .gerenric-heading h2{font-size: 30px;}
    .gerenric-padding{padding: 45px 0px;}

    #header_section{z-index: 999999999; min-height: 70px;}
	#header_section.headersticky{min-height: 70px;display: flex !important; align-items: center;}
	.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; right: 0px; top: -7px;}
	.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: #fff;-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;}
	#logo{width: 210px; }
	#navigation_section{padding:0px;display: none;height: 100vh; position: fixed;  z-index: 9999; right: 0px; top: 70px !important;  }
	#navigation_section ul{ width: 230px; display: block;overflow-y: auto; background-color:#000; height: 100%; position: absolute;z-index: 99; right: 0px;}
	#navigation_section .nav_overlay{width: 100%; height: 100%; content:''; background-color: rgba(0,0,0,0.30); position: absolute; left: 0px; top: 0px;}
	#navigation_section.showMenu{ display: block; transition: all 0.3s;}
	#navigation_section ul{padding-bottom: 100px;}
	#navigation_section ul li{ display: block; text-align: left;font-size: 14px;padding: 15px 10px 15px 15px; border-bottom: 1px solid #ccc;}
	#navigation_section ul li a{ position: relative;}
	#header_section.headersticky #logo{width: 210px;}
    #header_section.headersticky #logo img{height: 60px;}
	#header_section.headersticky .headerinner{padding-top: 0px;}

    #banner-section .banner-detail{width: 100%; padding-right: 0px; margin-bottom: 30px; text-align: center;}
    #banner-section .banner-detail h1{text-align: center;}
    #banner-section .banner-image{width: 80%; margin: auto;}
    #banner-section h1{font-size: 30px;}

    .about-section .about-image{width: 100%;}
    .about-section .about-detail{width: 100%; padding-left: 0px; margin-top: 30px;}
    .resume-section .resume-col{width: 100%;}
    .services-section .services-col{width: 100%;}
    .our-project-section .project-image-sm{width: 100%; margin-bottom: 20px; padding-right: 0px;}
    .our-project-section .project-image-big{width: 100%;}
    .our-project-section .our-project-row.our-project-row2 .project-image-sm{padding-left: 0px; margin-top: 20px;}
    .our-project-section .our-project-row.our-project-row3 .project-image-sm{width: 100%; margin-top: 20px;}
    .our-project-section .our-project-row.our-project-row3 .project-image-sm:last-child{padding-right: 0px;}
    .our-blog-section .our-blog-col{width: 100%; margin-bottom: 20px;}
    .contact-section .contact-detail .contact-col{width: 100%;}
    .contact-section img.contact-image{width: 100%;}
    .contact-section .contact-form{width: 100%;}

    #footer-section .footer-col{width: 100% !important; margin-bottom: 20px; padding-left: 0px;}


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

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

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

@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){}