@media screen and (max-width: 1024px) and (min-width: 240px){
    .page_width{width: 100%; padding: 0px 10px;}
    #container{overflow: hidden;}
    .btm_margin{ margin-bottom: 25px; }

    .headerempty{width: 100%; height: 62px;}
    #header_section{padding: 7px 0px 7px 0px; }
    #navigation_section{padding: 7px 0px 20px 0px; }
    #navigation_section .nav_top{margin-bottom: 10px;}
    #navigation_section .nav_top .navclose{margin-top: 5px;}
    #navigation_section .nav_bottom{margin-bottom: 20px;}
    #navigation_section .nav_bottom ul li{font-size: 25px;padding: 5px 15px;}
        
    #banner_section{height: 300px;}
    .contact_form_section{width: 80%;}
    .inner_banner_section{height: 300px;}
    .inquiry_page .innerdiv{width: 80%;}
    .inquiry_page p{font-size: 18px;}
    .counter_section .graphcounter .col{width: 100%; float: none;}

    #footer_section .footer_contact .col{width: 100%; float: none; margin-bottom: 20px;}
    #footer_section .footer_contact .col .cl_inner{min-width: 190px;}
}
@media screen and (max-width: 800px) and (min-width: 240px){
    .btn_alignment{
        text-align: center;
    }
    .pluscricle2{
        font-size: 12px;
    }
    .send_btn_frm_2{
        font-size: 12px;
    }
    .last_send_colm{
        width: 100% !important;
    }
    .green_row{
        width: 100% !important;
    }

    .ourclient_section .ourclientheading{ 
        top: 24%;
        display: block;
        width: 100%;
        text-align: center;
        position: unset;
        margin-bottom: 25px;
    }
    .ourclient_section .ourclientheading h3{
        text-align: center;
    }
    .ourclient_section .ourclientslider{
        width: 100%;
        padding-left: 0px;
    }

    .pluscricle2 {
        padding: 10px 15px 25px 10px !important;
    }

    .gp_col{
        height: 200px;
    }
    .gp_col img{
        height:200px;
    }
    .gp_dot_1{
        width:8px;
        height: 8px;
    }
    .gp_col:nth-child(2){
        padding-right: 8px;
    }
    .gp_col:nth-child(4){
        padding-right: 8px;
    }
    .gp_col:nth-child(6){
        padding-right: 8px;
    }

    .placement_stn .placement_row{ padding: 40px 0px; height: auto; width: 280px; border-radius: 40px; margin: auto; margin-bottom: 15px; display: block;}
	.placement_stn .col{width: 100%; display: block;text-align: center;margin-left: 0px; margin-right: 0px; padding: 10px; float: none; border-top: 1px solid #b1b1b1;border-left: 0px solid #b1b1b1;}
	.placement_stn .col:first-child{width: 100%;border-top: 0px;border-radius: 0px;}
	.placement_stn .pminput{text-align: center;}
	.placement_stn .col:hover{margin-left: 0px; margin-right: 0px; border-radius: 0px;}
	.placement_stn .col .colinner{border-left: 0px;}
	.placement_stn .col:hover .colinner{padding-bottom: 0px !important; }
	.placement_stn .col:last-child{border-top: 0px; border-radius: 0px; text-align: center;}
	.placement_stn .placement_row.greenrow .col .colinner{border-left: 0px;}
	.placement_stn .placement_row.greenrow .col{border-top: 1px solid rgba(79,213,164,0.50);}
	.placement_stn .placement_row.greenrow .col:nth-child(1){border-top: 0px;padding-right: 0px;}
	.placement_stn .placement_row.greenrow .col:hover{margin-left: -0px; margin-right: 0px;}
	.placement_stn .placement_row.greenrow .colfl{text-align: center;}
	.project_section .col{width: 100%;float: none; margin-bottom: 20px;}
	.project_section .col .cl_inner .ct_icon{width: 100px; justify-content:flex-start;}
	.grnc_content_box1{display: inherit;}
	.grnc_content_box1 p{text-align: center;padding-right: 10px;padding-left: 10px;}
	.grnc_content_box1 .txt_align_right{text-align: center;}
	.grnc_content_box1 .rgt_ctn{width: 100%; float: none; }
	.grnc_content_box1 .lft_ctn{width: 100%; float: none;padding-right: 0px; }
	.grnc_content_box2{display: inherit;}
	.grnc_content_box2 p{text-align: center;}
	.grnc_content_box2 .txt_align_left{text-align: center;}
	.grnc_content_box2 .rgt_ctn{width: 100%; float: none; }
	.grnc_content_box2 .lft_ctn{width: 100%; float: none;padding-left: 0px; }
	.mb_130{margin-bottom: 70px;}
    .hide_on_mob{display: none !important;}
    .desktop_c{display: none;}
    .mobile_c{display: block;}
	.addmorerequest{
        text-align: center; 
        margin-left: 0px;
        right:0px;
        top:320px;
        /* padding-top: 342px; */
    }
    .colinnerLast{
        text-align: center;
    }
}

@media screen and (max-width: 650px) and (min-width: 240px){
    .gp_col{
        height: 225px;
    }
    .gp_col img{
        height: 180px;
    }
    .gp_dot_1{
        width:8px;
        height: 8px;
    }
    .gp_col:nth-child(2){
        padding-right: 8px;
    }
    .gp_col:nth-child(4){
        padding-right: 8px;
    }
    .gp_col:nth-child(6){
        padding-right: 8px;
    }

    .grnc_content_box{width: 90%;}
	#navigation_section .nav_bottom ul li{font-size: 22px;padding: 5px 10px;}
	.grnc_content_box .bannertitle{font-size: 55px;}
	.grnc_content_box .bannerdescription{font-size: 18px;}
	.grnc_content_box .bannertitle.smallfontb{font-size: 40px;}
	.servicemap{width: 300px;}
	.servicemap p{font-size: 18px;}
	.servicemap .servicemapinner { height: 180px;}
	.servicemap .servicemapinner .mappart1{ position: absolute; top: 20px; left: 0px;}
	.servicemap .servicemapinner .mappart2{ position: absolute; top: 0px; left: 70px;}
	.servicemap .servicemapinner .mappart3{ position: absolute; top: 30px; left: 128px;}
	.servicemap .servicemapinner .mappart4{ position: absolute; top: 25px; left: 200px;}
	.servicemap .servicemapinner .mappart5{ position: absolute; bottom: inherit; top: 100px; left: 66px;}
	.servicemap .servicemapinner .mappart1 .maptitle{position: absolute; top: -20px; left: 20px;}
	.servicemap .servicemapinner .mappart1 .mapdot{ top: 10px; background-size: 18px; left: 35px;}
	.servicemap .servicemapinner .mappart2 .maptitle{position: absolute; top: -10px; right: -20px;}
	.servicemap .servicemapinner .mappart2 .maptitle img{width: 70px;}
	.servicemap .servicemapinner .mappart2 .mapdot{top: 6px; right: 55px; background-size: 18px;}
	.servicemap .servicemapinner .mappart3 .maptitle{position: absolute; bottom: -0px; left: 0px;}
	.servicemap .servicemapinner .mappart3 .mapdot{ bottom:22px; background-size: 18px;left: 7px;}
	.servicemap .servicemapinner .mappart4 .maptitle{position: absolute; top: -20px; right: 0px;}
	.servicemap .servicemapinner .mappart4 .maptitle img{width: 70px;}
	.servicemap .servicemapinner .mappart4 .mapdot{ background-size: 18px;top: 14px; right: 30px;}
	.servicemap .servicemapinner .mappart5 .maptitle{position: absolute; bottom: 0px; right: 0px;}
	.servicemap .servicemapinner .mappart5 .mapdot{background-size: 18px;top: 15px; left: 15px;}
	.servicemap .servicemapinner .mappart1 .mapimage img{width: 85px;}
	.servicemap .servicemapinner .mappart2 .mapimage img{width: 125px;}
	.servicemap .servicemapinner .mappart3 .mapimage img{width: 72px;}
	.servicemap .servicemapinner .mappart4 .mapimage img{width: 90px;}
	.servicemap .servicemapinner .mappart5 .mapimage img{width: 80px;}
	
}

@media screen and (max-width: 480px) and (min-width: 240px){
	#navigation_section .nav_bottom ul li{
        font-size: 20px;
        padding: 5px 10px;
        display: block;
        width: 100%;
    }
	.grnc_content_box .bannertitle{font-size: 50px;}
	.grnc_content_box .bannerdescription{font-size: 16px; line-height: 26px; margin-top: 3px;}
    .new_height175{
        height: 175px !important;
    }
    .new_height178{
        height: 178px !important;
    }
    
}

@media screen and (max-width: 380px) and (min-width: 240px){
	.grnc_content_box .bannertitle{font-size: 35px;}
    .counter_section .graphcounter .cter_title {
        font-size: 30px;
    }
}

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

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