
@media screen and (max-width: 1024px) and (min-width: 240px){
	.page_width{width: 100%;padding: 0px 15px;}
	.gerenric_padding{padding: 40px 0px;}
	.gerenric_heading{margin-bottom: 25px;}
	.gerenric_heading h2{font-size: 30px;}
	.slick-dots li{width: 18px; height: 18px;}
	.gerenric_button{font-size: 16px; min-width: 180px;}
	.our_practice_section .practice_col{width: 33.333%;}

    #header_section {display: block;padding: 0px;}
	#header_section .header_inner{width: 100%; height: 50px;}
	#header_section.headersticky{ padding: 0px;}
	.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; }
	.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: 100px;}
    #logo img{width: 100px; }
    #header_section .header-login ul li:first-child{ display: none;}
	#navigation_section{padding:0px; background-color: transparent; display: none;height: 100vh; position: fixed;  z-index: 9999; right: 0px; top: 50px !important;  }
	#navigation_section ul{ width: 250px; text-align: left; padding: 10px; display: block;overflow-y: auto; background-color: #11151C; height: 100%; position: absolute;z-index: 99; right: 0px; top: 0px;}
	#navigation_section ul li{padding: 10px;}
	#navigation_section .nav_overlay{width: 100%; display: none; height: 100%; content:''; background-color: rgba(0,0,0,0.30); position: absolute; right: 0px; top: 0px;}
	#navigation_section.showMenu{ display: block; transition: all 0.3s;}
	#banner_section .banner_slide{height: 400px;}
	#banner_section .banner_slide img{height: 400px;}
	#banner_section .banner_detail{width: 450px; padding: 20px; height:230px;}
	#banner_section .banner_detail .banner_title{font-size: 35px; margin-bottom: 10px;}
	#banner_section .banner_detail p{font-size: 16px;}
	.about_section{top: -30px; margin-bottom: 40px;}
	.about_section .about_inner{padding: 40px 30px;}
	.about_section h1{font-size: 30px;}
	.about_section p{font-size: 14px; margin-bottom: 20px;}
	.about_section .about-name{font-size: 25px;}
	.about_section .about-designation{font-size: 17px;}
	.consultan_section{height: 280px;}
	.consultan_section .gerenric_heading h2{font-size: 50px;}
	.question_section .question_left{width: 100%;padding-right: 0px;margin-bottom: 30px;}
	.question_section .question_right{width: 100%;padding-left: 0px; text-align: center;}
	.our_client_section .our_client_block{width: 90%;}
	.our_experience_section .experience_col{width: 50%;}
	#inner_heading{height: 150px; padding-top:70px;}
	.contact-page .contact-left{width: 100%; padding-right: 0px; margin-bottom: 30px;}
	.contact-page .contact-right{width: 100%;}
	.contact-page h3{font-size: 20px; margin-bottom: 30px;width: 90%;}
	.about_page .about_block1 .about_left{width:100%; margin-bottom: 20px;}
	.about_page .about_block1 .about_right{width:100%; margin-bottom: 20px;}
	.about_page .about_pdg{padding: 25px;}
	#navigation_section ul li ul.submenu{position: inherit;width: 200px; background-color: #161515;}
	#navigation_section ul li ul.submenu li ul.submenu2{width: 200px;background-color: #0f0e0e; position: inherit;right: 0px;}
	#footer_section .footer_col{width: 100% !important; padding-left: 0px; margin-bottom: 20px;}
	#footer_section .footer_top h3{font-size: 25px;}


}
@media screen and (max-width: 800px) and (min-width: 240px){}

@media screen and (max-width: 650px) and (min-width: 240px){
	.slick-dots li{width: 15px !important; height: 15px !important;}
	.grnc_accordion_head{font-size: 20px;}
	.grnc_accordion_body p{font-size: 16px;}
	.gerenric_button{padding: 12px 15px;}
	.our_practice_section .practice_col{width: 50%;}

	#banner_section .banner_detail{width: 90%;}
	#banner_section .banner_detail .banner_title{font-size: 30px;}
	#banner_section .banner_detail p{font-size: 14px;margin-bottom: 15px;}

	.about_section h1{font-size:25px;}
	.about_section p{font-size: 13px; line-height: 24px;}
	.our_experience_section .our_experience_inner{font-size: 20px;}
	.our_experience_section .experience_designation{font-size: 16px;}
	.consultan_section{height: 240px;}
	.consultan_section .gerenric_heading h2{font-size: 35px;}
	.consultan_section .gerenric_button{font-size: 20px;}
	.our_client_section .our_client_block{padding: 30px 20px;}
	.our_client_section .client_name{font-size: 20px;}
	.our_client_section .client_designation{font-size: 16px;}
	.our_experience_section .experience_col{width: 100%;}
	.faq_page .grnc_accordion_container{width: 100%;}
	#footer_section .footer_top h3{font-size: 22px;}

}

@media screen and (max-width: 480px) and (min-width: 240px){
	.our_practice_section .practice_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){}