@charset "utf-8";
/* CSS Document */



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

@media screen and (max-width:1680px) {
    
    .ft_contactinfobox {padding: 65px 0 0 10%;}
    
    .bannercontent {width: 90%; margin: 0 0 0 -45%;}
    .bannertext span br{display: none} 
    .bannertext {font-size: 37px;}
    .bannerslide.slide1 .bannercontent img{max-width: 200px;}
    .bannerslide.slide2 .bannercontent img{max-width: 200px;}
    .bannerslide.slide3 .bannercontent img{max-width: 150px;}
    
    
}

@media screen and (max-width:1600px) {
    
    
    .fixed-header .menu {width: calc(100% - 400px);}
    .verticletext {left: -250px;}
    .our_process .verticletext {left: -230px;}
    section.gallery .verticletext {left: -180px;}



}

@media screen and (max-width:1500px) {
    
    
.servicepg  .inrserv_container {width: 100%;float: left;margin: 0;}
    .inrservicebox {width: calc(33.33% - 60px);}
    .inrwhychoosebox_right ul.choose {margin: 40px 0 0 0;}
    
    .inrservicecontainer .inrservicebox {width: calc(33.33% - 60px);background: #231f20;margin: 0 30px;display: inline-block;float: left;position: relative;z-index: 0;}
    .inrservicecontainer {width: 100%; margin: 40px 0 40px 0;}
    .inrservicecontainer .inrservicebox img{max-width: 100%}
    .abouttwoboxes {width: 100%;float: left;clear: both;margin: 30px 0 0 0;}
    
    .hm_servicesection p {max-width: 57%;}
    
    .projectpg .inrservicecontainer .inrservicebox {width: 284px;}

    
}

@media screen and (max-width:1440px) {
    
    .menu {width: calc(100% - 280px); float: right;}
/*    .mainheader {width: 96%; margin: 0 0 0 2%;}*/
    
    .fixed-header .menu {width: calc(100% - 320px);}
    
    .ft_contactinfobox {padding: 65px 0 0 3%; width: 30%}
    .ft_contactinfobox ul li {width: 100%;}
    .ft_linkbox {width: 70%;}
    
    .innerpgcontainer {width: 96%; margin: 0 0 -120px 2%;}
    .breadcrumb ul {width: 96%; margin: 276px 0 0 2%;}
    
    .contactpg .pgstartcontent {padding: 30px 0 0 30px; width: calc(100% - 425px);}
    .contactpgright {float: left; margin: 40px 0 0 30px;}
    
    
    .container {max-width: 96%}
    .contactpgright p br{display: none}
    .pgstartcontent {padding: 30px 20px 0 30px; width: calc(100% - 425px);}
    .sitecontent .faqright {float: right;width: calc(100% - 455px);margin: 0;}
    
    
    .innerpgcontainer.projectpg .inr_prj_box {width: 44%;}
    .inr_projectcontainer {width: 100%;float: left;clear: both;margin: 30px auto 0;}
/*    .inrservicebox {width: 28.9%;}*/
    
    
    .bannercontent {width: 94%; margin: 0 0 0 -47%;}
    .bannercontent {bottom: 30px;}
    
    .verticletext {left: -220px;}
    .our_process .verticletext {left: -190px;}
    .year-logo {width: 20%;float: left;margin: 0 0 0 4%;}
    
.gallery {padding: 60px 30px;}
    
    
    .galleryslide .slick-arrow.slick-prev {left: 0;}
    .galleryslide .slick-arrow.slick-next {left: 45px;}
    
    .projectpg .inrservicecontainer .inrservicebox {width: 270px;}
    
        
   
    
}
    
@media screen and (max-width:1366px) {
    
    
    /*.menu_link ul > li > a {padding: 27px 14px;} 
    .call_today, .call_today span.call {font-size: 0;}*/
/*    .inrservicebox {width: 28.6%;}*/
    
    .fixed-header .menu {width: calc(100% - 270px);}
    .menu_link ul > li > a {padding: 27px 14px;}
    
    .inrwhy_videobox {width: 35%;}
    .inrwhychoosebox_right {width: calc(100% - 40%);float: left;margin: 0 0 0 2%;}
    .inrserv_left_sec .posiabsimg {right: 50px;}
    
    .singleboxdiv {width: calc(50% - 20px);margin: 0 10px;display: inline-block;}
    
    .mainheader {top: 0;}
    section.banner {margin: 72px 0 0 0;}
    .tophead:before, .tophead:after {display: none}
    .bannercontent {bottom: 50px;}
    
    .projectpg .inrservicecontainer .inrservicebox {width: 250px;}
    
   .call_today {font-size: 14px; padding: 14px 12px 13px 38px;background-size: 15%; background-position: 8px;}
   .menu_link ul > li > a {font-size: 16px;}
}



@media screen and (max-width:1280px) {    
    
    .add_number {top: 10px;}
    .custom {padding: 70px 5px 20px 25px; width: 222px;}
/*    .inrservicebox {width: 28.2%;}*/
    
    .inrwhychoosebox_right .choose_icon p br{display: none}
    .menu_link ul > li > a {padding: 27px 7px;}
    .menu_link ul > li:last-child a {padding: 12px 10px 10px;}
    .bannertext {margin: 10px 0 0 0;}
    
    .welcome_inner {padding: 40px 30px 60px;}
    
        .verticletext {
    left: -193px;
    position: relative;
    transform: inherit;
    bottom: -90px;
    width: 50%;
}
    .arrow_img li {margin-top: 8px;}
    .verticletext:before{display: none}
    .our_process .verticletext {left: 51px; bottom: 0;}
    section.gallery .verticletext {left: 50px; bottom: 0;}
    .hme_proj_textdiv, .hme_proj_textdiv.projectbtndiv {right: 100px;}
    .welcome-box {width: 58%;}
    
    .projectpg .inrservicecontainer .inrservicebox {width: 235px;}
    
    
}


@media screen and (max-width:1200px) {
    
    
    .row {margin-right:0;margin-left:0;}
    .full_width {padding-right: 0; padding-left: 0;}
    .contactinfobox dl {width: 50%; margin: 0 0 30px 0;}
    
    .contactpg .pgstartcontent {border: 0px solid red}
    
    
    .year-logo {width: 196px;float: left;}
    .get_form {width: calc(100% - 260px);  float: right; padding: 45px 30px;}
    .our_process {background-size: 250% 70%;}
    .contactpgright {float: left;margin: 0 0 0 30px;}
    .contactinfobox dl:last-child {width: 100%;}
    
/*    .inrservicebox {width: 27.8%;}*/
    
    .sitecontent.centeralign ul.pro_list {width: 80%;}
    .inrwhychoosebox_right .choose_icon img {width: 70px; margin: 0 10px 0 0}
    .inrserv_left_sec .posiabsimg {right: 0px;}
    
    .inrserv_left_sec .posiabsimg {right: -130px;bottom: 120px;}
    .inrserv_rightimg_sec {width: 400px;margin: 0px 0 0 0;}
    
    .call_today, .call_today span.call {font-size: 0;}
    
    .call_today {background: url(../images/head-call.png)no-repeat center center #f26522;color: #ffffff;font-size: 0;font-family: 'Rajdhani', sans-serif;padding: 0;display: block;line-height: 22px;width: 40px;height: 40px;margin: 15px 16px 0 0;background-size: 60%;}
    
    .fixed-header .call_today {margin: 15px 0 0 0;}
    .menu {width: calc(100% - 320px);}
    
    .bannerslide.slide2 .bannercontent img {max-width: 150px;}
    
    .projectpg .inrservicecontainer .inrservicebox {width: 215px;}
    
    
    
    
}

@media screen and (max-width:1100px) {
    
    
    .ft_contactinfobox {width: 350px; padding: 40px 0 0 2%}
    .ft_linkbox {width: calc(100% - 350px); padding: 40px 0 0 30px}
    .ft_quicklinks, .ft_serviceslinks {width: 100%;}
    .ft_linkbox ul li {width: 32%;}
    .ft_linkbox .ft_serviceslinks ul li {width: 49%;}
    .fttitle {margin: 0 0 10px 0;}
    .ft_linkbox ul {margin: 0 0 20px 0;}
    
    .custom {width: 100%;}
    ul.process_list > li {width: 33.33%;}
    
    .get_col {width: 32%;}
    .our_process {background-size: 250% 85%;}
    
    .welcome-box {width: 52%;}
    .year-logo {width: 196px;float: none;margin: -40px auto 40px;}
    .get_form {width: 100%;}
    
    .contactpgright p {float: none;padding: 0px 0 0 40px;font-size: 22px;color: #231f20;font-family: neusa-next-std-compact, sans-serif;clear: both;margin: 0 0 30px;padding: 0 30px;}
    .contactpgright img.fright {margin: 0 auto;float: none!important;display: block;}
    
    .innerpgcontainer.projectpg .inr_prj_box {width: 43%;}
/*    .inrservicebox {width: 27.4%;}*/
    
    .inrwhy_videobox {width: 30%;}
    .inrwhychoosebox_right {width: calc(100% - 33%);}
    .inrwhychoosebox_right ul.choose li {margin: 0 0 0px 0;}
    
    .inrserv_left_sec .posiabsimg {right: -130px;bottom: 160px;}
    
    
    .menu {width: calc(100% - 270px);}
    .menu_link ul > li > a {/*padding: 27px 5px;*/padding: 27px 4px;}
    
    .bannercontent {bottom: 30px;width: 80%;margin: 0 0 0 -40%;}
    
    

    
    .our_process .verticletext, section.gallery .verticletext {left: 50px;bottom: 0;}
   
    
    .hm_servicesection .container {padding: 20px 0 0;}
    .servicelistcontainer {margin: 17px 0 0 0;}
    .servicelistcontainer .servicenamebox {font-size: 18px;}
    .hme_proj_textdiv, .hme_proj_textdiv.projectbtndiv {right: 0;}
    
    .projectpg .inrservicecontainer .inrservicebox {width: 200px;}
    

    


}


@media screen and (max-width:1024px) {
    
    
/*    .inrservicebox {width: 26.9%;}*/
    
    .content_cutm_scrl_div img{width: 350px;}
    .cstmscrldiv {float: right;width: calc(100% - 390px);padding: 0 10px 0 0;}
    .sitecontent.cutomescroll {height: 350px; }
    .inrservicecontainer .inrservicebox {width: calc(33.33% - 30px); margin: 0 15px;}
    .container.inrservicesec .title {margin: 50px 0 0 50px;}
    
    .menu {width: calc(100% - 260px);}
    
    .projectpg .inrservicecontainer .inrservicebox {width: 182px;}
    
    

    
    
}

@media screen and (max-width:992px) {


a#toggle {display: block; top:90px;position: fixed;z-index: 9999999;}
		.overlay {
		    position: fixed;
		    top: 0;
		    z-index: 999;
		    width: 100%;
		    height: 100%;
		    display: none;
		    background-color: rgba(0,0,0, 0.85);
		    cursor: pointer;}
        .visible-xs{display: block;}
        .hidden-xs{display:none;}
        .menu_link .list-unstyled > li:first-child > a .visible-xs{border:none;    padding: 0px;}
       /*Header*/   
    .mainheader{position: relative;z-index: initial;top: 0;width: 100%;height: auto;overflow: hidden;background: #fff;margin: 0}    
    .overlay{position: fixed;top: 0;z-index:999;width: 100%;height: 100%;display: none;background-color: rgba(0,0,0, 0.85);cursor: pointer;}
    .togglebtn span {position: relative;display: inline-block;float: left;margin-top: 9px;background-color: #007aff;}
    .togglebtn span::before { top: -9px;}
    .togglebtn span::after{top:9px}
    .togglebtn span::before, .togglebtn span::after {content: "";position: absolute;left: 0;}
    .togglebtn span, .togglebtn span::before, .togglebtn span::after { transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;width: 20px;height: 3px;}
    
    .togglebtn {
    background: #383133;
    padding: 10px 11px;
    position: fixed;
    right: 20px;
    top: 15px;
    display: block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 1001;
}
        .menu_link nav ul > li > a {
                padding: 12px 20px !important;
                line-height:27px;width: 100%;display: block;
            }
    .menu_link ul > li{    width: auto !important;}    
    .togglebtn.active span::before {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);-ms-transform: rotate(-135deg);top:0;background-color: #fff;width: 42px;}
    .togglebtn.active span::after { -webkit-transition-delay: 0.09s;top:0;-moz-transition-delay: 0.09s;-o-transition-delay: 0.09s;-msa-transition-delay: 0.09s;transition-delay: 0.09s;transform: rotate(135deg);-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg);-o-transform: rotate(135deg);-ms-transform: rotate(135deg);background-color: #fff;width: 42px;}
    .togglebtn.active span {background-color: transparent;}
    .togglebtn span, .togglebtn span::before, .togglebtn span::after{background-color: #ffffff;} 
    .togglebtn.active{background: transparent;top:10px;}
    .menudrop,.menu_link .submenu .menudrop{
            top: 0;
    /* background: #fff; */
    font-size: 20px;
    height: 53px;
    width: 48px;
    border-radius: 0;
    line-height: 44px;
    right: 0;
    position: absolute;
    margin-top: 0;}
   .blog-info{padding: 20px;}
    .menu_link ul > li > a{padding:15px 30px;color:#fff;font-size: 17px;}
    .menu_link ul > li > a.active,.menu_link ul > li.active > a, .menu_link ul > li:hover > a,.menu_link ul > li:focus > a{color:#3d3d3d !important;background:#fff !important;}
    .menu_link.active{left: 0}
    .menu_link{padding: 0;position: fixed;top:0;height:100%;width:250px;background:#f26522;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d63200', endColorstr='#d63200', GradientType=1 );margin: 0;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-ms-transition: all 0.3s ease;overflow-y:auto;left:-500px;z-index: 1000}
    .menu_link .submenu{width: 100%;position: relative;background-color: #fff;padding-bottom: 0}
    .menu_link > nav{padding-top:0px}   
    .menu_link ul > li{display: block;text-align:left;margin:3px 0;width: 100%;    padding: 0px;}   
    .menu_link .submenu li a{padding:15px 30px;border-bottom: none;color: #5d5d5d;}
    .menu_link .submenu li{border-bottom: 1px solid rgb(0, 109, 178); padding: 0px 18px;}
    .menu_link .submenu li:last-child{border-bottom: none}
  
    .menudrop {display:block; }
    .visible-xs{display: block;}
    .menu_link nav > ul > li > a::before{content: none} 
    .menu_link li:hover .menu-level1, .menu_link .menu-level1 li:hover .menu-level2{display: none;}
    .menu_link li .menu-level1.active, .menu_link .menu-level1.active .menu-level2.active{display: block}
    .menu_link .menu-level1 li .menu-level2{left:auto;    border-top: 1px solid rgb(57, 103, 181);}
    .menu_link li .menu-level1.active .menudrop{color:#273eb2;}

    .header-btn .ctacall span:first-child {
    margin-right: 0px;
    border-radius:0px;
    height: 43px;
    width: 48px;
    margin-top: 2px;}
    .logo-left img{width: auto;}
    .header-btn .ctacall{padding-right:52px;border-radius:0px;}
    
    .header-btn .hvr-sweep-to-right:hover:before,   .header-btn .hvr-sweep-to-right:focus:before,   .header-btn .hvr-sweep-to-right:active:before{display: none;}
    
    .menu_link ul > li:not(:last-child):after, .menu_link ul > li:not(:last-child):before {display: none}
    .menu_link ul li ul {display: none;
    position: relative;
    z-index: 010;
    opacity: 1;
    visibility: visible;
    background: #ffffff;
    width: 250px;
    box-shadow: none;
    top: 0;
    padding: 0;
    transition: all ease-out 0.3s!important;
    -webkit-transition: all ease-out 0.3s!important;
    -moz-transition: all ease-out 0.3s!important;
    -ms-transition: all ease-out 0.3s!important;
    width: 100%;
    float: left;
}
    
    .menu_link ul li:hover ul {display:block; top: 0}
    
    .menu_link ul > li {float: left; width: 100%!important; margin: 0}
    
    .menu_link ul > li:last-child, .menu_link ul > li:last-child {border: 0px solid #d5d5d5;border-radius: 0;position: relative;margin: 0;}
    .menu_link ul > li:last-child a {color: #ffffff;}
    .menu_link ul > li:last-child a img, .menu_link ul > li:last-child a:before{display: none}
    
    
    .menu_link ul > li > a.active, .menu_link ul > li.active > a, .menu_link ul > li:hover > a, .menu_link ul > li:focus > a {
    color: #3d3d3d !important;
    background: #ffd6c3 !important;
}
    

    
    .ft_linkbox {width: calc(100% - 352px);}
    .our_process {padding: 20px 0;overflow: hidden;}
    .welcome-box {width: 100%;margin: 0 0 30px;}
    .vedio-box {float: none;width: 412px;margin: 0 auto;clear: both;max-width: 100%;}
    .welcome_inner {padding-bottom: 0;}
    .welcome_decon {margin-top: 40px;}
    
    
    .container.inr_container .pgtitle {width: 100%; background: url(../images/inr-pg-title-bg-before.png)no-repeat center center #f26522; padding: 0 40px 0 40px; background-size: 20%;}
    .contactpg .pgstartcontent {width: 100%;}
    .contactinfobox dl {width: 28%;}
    
    .contactpgleft {width: 100%; padding: 40px;}
    .contactpgright {float: left;margin: 40px 0 0;width: 100%;}
    .pgstartcontent {width: 100%; min-height: auto}
    .sitecontent .faqright {width: 96.5%;}
    .sitecontent .faqleft {width: 100%;float: left;margin: 50px 0 0;}
    .sitecontent .faqleft ul.choose li {display: inline-block;width: 49%;margin: 0;}
    .sitecontent .faqleft li:last-child .choose_icon:after {display: block!important}
    
    
    .faqctaBox {width: 425px; float: none; clear: both; margin: 40px auto 0; padding: 180px 35px 35px; background-size: cover; height: 530px;}
    .innerpgcontainer.projectpg .inr_prj_box {width: 100%; margin: 0 0 30px;}
    .contactinfobox dl:last-child {width: 44%;}
    img.fright {margin: 0 0 40px 40px;max-width: 350px;}
    .sitecontent {padding: 0 15px;}
    
    .inrservicebox {width: 100%;margin: 0 0 20px;}
    .inrservicebox .serviceimgbox {width: 180px; float: left;}
    .serviceinfobox {width: calc(100% - 180px); float: right;height: 100%; padding: 80px 50px 0}
    .serviceinfobox:before {top: 50%;left: 0;margin: -38px 0 0 -38px;}
    .inrservicebox.textontop .serviceinfobox:before {top: 50%;bottom: inherit;}
    
    .inrwhy_videobox {width:400px; max-width: 100%; display: block;margin: 0 auto;float: none;}
    .inrwhychoosebox_right {width: 100%;}
    .inrserv_left_sec {width: 100%;}
    
    .inrserv_rightimg_sec {width: 400px;margin: 0 auto 40px;float: none;clear: both;}
    .inrserv_rightimg_sec:after {content: '';position: absolute;z-index: -1;text-align: right;width: 200px;height: 60px;background: #f26522;bottom: -50px;left: 0;margin: 0 0 0 0;}
    .srvpg .inrserv_rightimg_sec:after{content: none;}
    .inrservicecontainer .inrservicebox span, .inrservicecontainer .inrservicebox span h2 {font-size: 20px;}
    .srvpg .content_cutm_scrl_div img.fleft {margin-bottom: 30px;display: block;margin-right: 0px; float: none !important;}
	.srvpg .sitecontent {padding: 0 0px;}
	.srvpg .content_cutm_scrl_div {margin: 15px 0 0 0;}
    p{font-size: 18px!important}
    
    .logo-left {margin: 10px 0 10px 20px;}
   .call_today {margin: 15px 75px 0 0;}
    
    .boxcontent {padding: 30px 20px;}
    
/*    .mainheader {box-shadow: 0 0 10px rgba(0,0,0,0.2); position: fixed; z-index: 1}*/
    section.banner {margin: 66px 0 0 0;}
    
    .mainheader {position: fixed; z-index: 3; box-shadow: 0 0 10px rgba(0,0,0,0.2)}
    
.contactpg .captchadiv{float: left;}
.contactpg .sbmit_part{ clear: inherit; float: right; margin: -17px 5px 0px 0px;}
    
 .bannercontent{ width: calc(100% - 100px); margin: 0px; position: absolute; top: 20px; bottom: 20px; left: 50px; right: 50px; -ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex; justify-content: center; align-items: center;}
.bannerslide{position: relative;z-index: 0; height: 357px; overflow: hidden;}
.bannerslide .mainbnrimg {display: block; position: relative; z-index: 0; transform: translate(-50%, -50%); top: 50%; left: 50%; max-height: 100%; max-width: inherit; }
    
    
    
    .hme_proj_textdiv {position: relative;background: #231f20;width: 100%;right:0;padding: 20px;top: 0;margin: 30px 0 0 0;}
    
    .galleryslide {margin: 40px 0 40px -3px!important;}
    .hme_proj_textdiv.projectbtndiv {width: 300px;}
    
    .projectpg .inrservicecontainer .inrservicebox {
    width: 230px;
}
    
    
    
    
    
        .wow{
        animation-name: none !important;
        visibility: visible !important;
    }
    .gallery {padding: 30px 30px 60px; overflow: hidden;}

    
  
}
    

@media screen and (max-width:900px) {
    
    
.ft_linkbox {width: calc(100% - 352px);}
.projectpg .inrservicecontainer .inrservicebox {
    width: 215px;
}
    
    

   
    
}
@media screen and (max-width:860px) {
    
    .ft_contactinfobox {width: 100%;}
    .ft_linkbox {width: 100%;}
    .ft_contactinfobox ul {width: 350px; float: inherit; clear: both;}
    
    ul.choose li {width: 45%;}
    ul.choose {border-bottom: 0px solid #fff;}
    
    
    .year-logo {width: 196px;float: none;margin: -60px auto 30px;}
    .get_form {width: 100%;}
    
    .title {font-size: 35px;}
    .sitecontent.centeralign ul.pro_list {width: 100%;}
    .sitecontent.centeralign ul.pro_list li {width: 100%;}
    .content_cutm_scrl_div img {width: 250px;}
    .cstmscrldiv {width: calc(100% - 260px);}
    .sitecontent.cutomescroll {height: 250px;}
    
    .hm_servicesection:before {width: 100%; height: 150px}
    .hm_servicesection p {max-width: 100%; padding: 10px;}
    
    .verticletext {left: -170px;position: relative;transform: inherit;bottom: -80px;width: 100%;}
    .servicelistcontainer .servicenamebox {font-size: 15px;}
.projectpg .inrservicecontainer .inrservicebox {
    width: 192px;
}
   .srvpg .content_cutm_scrl_div img {
    width: auto !important;
    margin: 0px !important;
    margin-bottom: 30px !important;max-width: 100%;}
	
	img.desk-view-img{display: none !important}
	img.mb-view-img{display :block !important;}
    
}


@media screen and (max-width:768px) {
    
    
    .full_width {width: 100%;}
    .innerpgcontainer.projectpg .inr_prj_box {padding: 15px}
    img.fright {max-width: 300px;}
    .inrservicecontainer .inrservicebox {width: calc(33.33% - 10px); margin: 0 5px;}
    
    .projectpg .inrservicecontainer .inrservicebox {
    width: 170px;
}
    
    
    
}

@media screen and (max-width:767px) {
    
/*    .serviceinfobox { padding: 30px 30px 0 50px;}*/
    .bannerslide.slide2 .bannercontent img, .bannerslide.slide1 .bannercontent img, .bannerslide.slide3 .bannercontent img { max-width: 100px;}
.bannertext { font-size: 30px;}    
.bannercontent{ width: calc(100% - 60px); margin: 0px; left: 30px; right: 30px; }

    
    
}
@media screen and (max-width:700px) {
    
    
    ul.process_list > li {width: 50%;}
    .process_list.space80 {margin-top: 50px;}
    .sitecontent .faqleft ul.choose li p br{display:none}
    
    .inrserv_left_sec .posiabsimg {right: -100px; bottom: 160px;}
    
    .inrservicecontainer .inrservicebox {width: 65%;margin: 0 auto 30px;float: none;clear: both;}
    .inrservicecontainer {width: 100%;margin: 40px auto 0;float: none;text-align: center;}
    .inrservicecontainer .inrservicebox span,.inrservicecontainer .inrservicebox span h2 {font-size: 20px;position: relative;width: 100%;display: block;}
    .singleboxdiv {width: 100%;margin: 0 10px 20px;display: inline-block;}
    
    .servicelistcontainer {text-align: center;}.servicelistcontainer .servicelistbox {width: 60%;max-width: 425px;display: inline-block;margin: 0 auto 20px;float: none;}
    .servicelistcontainer .servicenamebox {font-size: 18px;}
    
    .why {padding: 30px 0;}
    .verticletext{display: none}
    .projectpg .inrservicecontainer .inrservicebox {
    width: 155px;
}
    
    
    
}


@media screen and (max-width:640px) {
    
    
    .get_col {width: 48%;}
    div.get_col:last-child {width:98%}
    .get_form {width: 100%;float: right;padding: 20px 20px;}
    .contactinfobox dl {width: 45%;}
    
    .container.inr_container .pgtitle {padding: 30px 40px 30px 40px; height: auto; font-size: 30px}
    .rightsidetitle {font-size: 30px;}
    .contactpgleft {padding: 20px;}
    .contactpgleft .sectitle {font-size: 30px;}
    
    .sitecontent .faqleft .choose_icon img {margin: 0 10px 0 0; float: left; width: 80px;}
    .sitecontent .faqleft .title {font-size: 30px;}
    .contactinfobox dl:last-child {width: 100%;}
    .clientslide_container {width: 100%;clear: both;margin: 60px 0 0 0;}
    
    p{font-size: 18px!important}
    .inrwhychoosebox_right ul.choose li {width: 90%;}
    .cstmscrldiv {width: 100%;}
    .sitecontent.cutomescroll {height: auto;}
    .content_cutm_scrl_div img {width: 250px;margin: 0 auto 20px;float: none!important;display: block;}
    .content_cutm_scrl_div {margin: 20px 0 0;}
    
    
    .projectpg .inrservicecontainer .inrservicebox {
    width: 225px;
}
    
	

    
 
}



@media screen and (max-width:600px) {

.inrservicebox {width: 80%; margin: 0 auto 20px;}
.inrservicebox .serviceimgbox {width: 100%;float: left;height: 200px;overflow: hidden;}
.serviceinfobox {padding: 40px 30px 40px;width: 100%;height: auto;}
.serviceinfobox:before {top: -38px;left: 50%;margin: 0 0 0 -38px;}
.inrservicebox.textontop .serviceinfobox:before {top: inherit;bottom: -38px;}
img.fright {max-width: 250px;}
    
    .inrserv_left_sec .posiabsimg {display:none}
    .inrserv_left_sec {width: 100%;}
    .inrserv_rightimg_sec:before {z-index: -1;margin: -5px;height: 200px;}
    .inrserv_rightimg_sec:after {bottom: -5px;}
    
    .inrserv_rightimg_sec {max-width: 100%;}
.projectpg .inrservicecontainer .inrservicebox {
    width: 215px;
}
    

}
    
    
@media screen and (max-width:580px) {
    .hme_proj_textdiv.projectbtndiv a {padding: 13px 15px;}
.our_process .get_col {width: 96%;}
    div.get_col:last-child {width: 96%;}
    .sitecontent .faqleft ul.choose li {width: 100%;}
    .sitecontent .faqleft ul.choose li p br {display: initial;}
    .faqctaBox {width: 100%; }   
    img.fright {max-width: 200px;}
    .get_touch .captchadiv {float: left; width: 100%;}
    .welcome-box {width: 94%;margin: 0 auto 30px;float: none;}
    .vedio-box {float: none;width: 90%;margin: 0 auto;clear: both;max-width: 412px;}
        .contactpg .sbmit_part{ clear: both; float: left; margin: 0px;}
    
    .hme_proj_textdiv.projectbtndiv {width: 100%; bottom: -80px;}
    .gallery {padding: 60px 30px 120px;}
    
    .projectpg .inrservicecontainer .inrservicebox {
    width: 174px;
}
    
    
}
    
@media screen and (max-width:480px) {
    
    
    .ft_linkbox ul li {width: 49%;}
    .ft_linkbox .ft_serviceslinks ul li {width: 100%;}
    .ft_quicklinks, .ft_serviceslinks {width: calc(100% - 20px);}
    .ft_linkbox ul {width: calc(100% - 20px);}
    
    ul.choose li {width: 100%; margin: 0;}
    
    .process_list.space80 {margin-top: 50px; text-align: center;}
    ul.process_list > li {width: 221px;float: none;margin: 0 auto;}
    
    .our_process .title {margin: 40px auto 0;width: 200px;}
    .contactinfobox dl {width: 94%!important;}
    .contactinfobox dl dd a {word-break: break-all;}
    .sitecontent .faqleft ul.choose {width: 100%;padding: 0 20px;}
    .faqctaBox:after {display: none}
    .faqctaBox {width: 100%; padding: 100px 25px 35px;}
    .faqctaBox:before {height: 90px;}
    .ft_contactinfobox ul li {width: 96%;}
    
    .inrservicebox {width: 94%;}
    img.fright {max-width: 100%;}
    
    .inrservicecontainer {width: 90%;}
    .inrservicecontainer .inrservicebox {width: 100%;}
    
    .servicelistcontainer .servicelistbox {width: 92%;}
  .bannerslide.slide2 .bannercontent img, .bannerslide.slide1 .bannercontent img, .bannerslide.slide3 .bannercontent img {max-width: 70px;}
  .bannertext { font-size: 20px; margin: 15px 0 0;}
    
    .projectpg .inrservicecontainer .inrservicebox {
    width: 108px;
}
    .bannerslide {height: 250px;}
	.title {font-size: 30px;margin: 30px 0 0 50px;}
	.choose_icon p {margin: 30px 0 30px;}
	ul.choose {margin-top: 30px;}
	.welcome_inner {padding: 30px 15px 30px;}
	.mCSB_inside > .mCSB_container {margin-right: 18px;}
	.welcome-box {width: 100%;}
	.vedio-box {width: 100%;}
	.gallery {padding: 30px 15px 120px;}
	.faqctaBox {height: 440px;}
}


@media screen and (max-width:360px) {
    
    .ft_linkbox ul li {width: 100%;}
    .ft_contactinfobox ul {width: 97%;}
    
    .logo-left {margin: 10px 0 10px 10px;}
    .togglebtn {right: 10px;} 
    .call_today {margin: 15px 60px 0 0;}
    .projectpg .inrservicecontainer .inrservicebox {
    width: 205px;
}

    
}