/*
  Theme Name: Synergy - Creative HTML5 Responsive Template
  Theme URL: http://nasfactor.com/themes/synergy/
  Author: nasirwd
  Author URI: http://nasfactor.com/
  Description: Synergy - Creative HTML5 Responsive Template
  Version: 1.0
*/

/*=======================================================================
[Table of contents]
=========================================================================
[01] Dasktop [1200px - 1440px]
[06] Dasktop 981px - 1280px
[02] Mobile 320px - 767px
[03] Tab 768px - 990px
[04] Mobile Menu 320px - 980px
[05] Tab 991px - 1024px

==========================================================================*/



@media only screen 
and (min-width : 1200px) 
and (max-width : 1400px)  {

#righth2 {width: 41.66666667%!important;}

.home2-team-l-plant {
    z-index: 6;
    position: absolute;
    right: 0%!important;
    bottom: -2%!important;
}

figure.effect-sarah h2 {padding: 40% 0 5px 0;font-size: 25px!important;}



}




/*Large Desktop*/

@media(min-width:2000px){

#righth2 {width: 41.66666667%!important;}

.home2-team-l-plant {
    z-index: 6;
    position: absolute;
    right: 0%!important;
    bottom: 0%;
}

.team-pic { height: 30vh; }

.team-ind-nam { bottom: 13%;}

.team-ind-pos { bottom: 3%; }



}


@media(min-width:981px) and (max-width:1280px){

input#send-sub {
    width: 12%;
    line-height: 16px;
}




}

/*=======================================================================
// Medium Desktop 1200px - 1400px
=========================================================================*/
@media(min-width:1200px) and (max-width:1440px){
    /**======================== 01. Home one ========================**/

.footerSocial a {    
    font-size: 13px;    
    width: 20px;  
}

h1, .h1 {
    font-size: 35px!important;
}

p {
    font-size: 14px!important;
}

#footer .container-fluid {
    width: 100%;
}


.home2-team-h2box {
    z-index: 0;
    position: absolute;
    right: 0%;
     bottom: -18%; 
}

.home2-team-l-plant {
    z-index: 6;
    position: absolute;
    right: -5%;
    bottom: -13%;
}


.hom2-plant {
    width: 50%;
}


#righth2 .col-md-4 {
    width: 41.66666667%;
}


.team-pic {
    height: 41vh;
}

.proj1-pos {
    bottom: 0%;
    position: absolute;
}

.Fifpos {
    margin-left: -15%;
    margin-top: 0%;
    width: 100%;
}

.projCont-pos {
    margin-left: -50%;
    margin-top: 15%;
}

#services .container {
    width: 90%;
}

.p-t-job {
    padding-top: 0%;
}


.mainNav ul li a {
    font-size: 30px;
    line-height: 0.7;
}


.prac3-l-plant{
    width: 15%;
    left:0;
}

.plant-corner{
    width: 5%;
}

.car-team-l-plant{
    width: 8%;
}

    .rotate_text{
        left: -215px;
    }
    .serviceArea {
        margin: -415px 60px 0;
    }
    .serviceHead {
        font-size: 41px;
        left: 75px;
        top: 200px;
        width: 60%;
    }
    .discoverRes{
        padding-left: 100px;
    }
    .serviceDesc {
        bottom: 104px;
        font-size: 29px;
        line-height: 40px;
        padding-left: 70px;
        padding-right: 100px;
    }
    .serviceDesc::before {
        left: -154px;
    }
    .officeAddress{
        padding-right: 20px;
    }
    .menu_open .navWrap{
        /* width: 470px; */
        padding: 20px 0;
    }
    .navLogo {
        margin-bottom: 30px;
    }
    .about_desc h2 {
        font-size: 36px;
        line-height: 50px;
        margin: -12px 0 30px;
    }
    /**======================== 02. Services page ========================**/
    .workContent{
        margin-left: 200px;
    }
    .page_title02 h1{
        font-size: 60px;
    }

    /**======================== 03. Work page ========================**/

    
    .footer_Nave li{
        padding-right: 30px;
    }
    .teamtext{
        padding-left: 130px;
        padding-right: 50px;
    }
    .teamtext h2{
        font-size: 40px;
    }

.singleWork:hover .workD_Top {
        margin-bottom: 0;
    }

.yel-flow-pos {
    position: absolute;
    z-index: 5;
    left: 0%;
    opacity:    0.2
}
 
#job_srArch .modal-lg p, #job_jrArch .modal-lg p, #job_360Vis .modal-lg p, #internModal p {
   
    font-size: 11px;

}



    .workD_Top {
        margin-bottom: 10px;
        padding-top: 111px;
    }
    
    .work_all_details:hover .workD_Top {
        padding-top: 0;
    }



    .workD_Top h1 a {
        font-size: 30px;
        line-height: 40px;
    }
    .workD_bott{
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 36px;
    }
    .lineSpan{
        top: 0;
    }
    .work_all_details:hover .workD_Top {
        padding-top: 54px;
    }

    /**======================== 04. Team Page ========================**/
    .twitterfeed {
        height: 233.5px;
        padding: 17px 0;
        position: relative;
    }
    .teamSection .teamtext{
        margin-top: 0;
    }
    .teamSection .teamtext h2{
        font-size: 30px;
        line-height: 45px;
    }
    .lineBorder {
        left: 0;
        top: 26px;
        width: 100px;
    }
    .singleTwitter {
        margin-left: 30px;
        padding-right: 30px;
    }
    .singleInst img{
        min-height: 233px;
    }
    .singleTwitter p {
        font-size: 18px;
        line-height: 33px;
    }
    .singleInst.big img{
        min-height: 466px;
    }

    /**======================== 05. Journal Page ========================**/
    .j_contentW{
        padding-right: 0;
    }
    .page_title_bar05 {
        padding-bottom: 211px;
        padding-top: 249px;
    }
    .journalImg{
        overflow: hidden;
    }
    .journalImg img {
        height: 100%;
        width: auto;
    }
    .journal_content{
        padding-right: 15px;
    }
    .journal_content p{
        font-size: 17px;
    }

    /**======================== 06. About Page ========================**/
    .pageTitleSection,
    .approachSlider{
        height: 600px;
    }
    .pTSContent h2 {
        font-size: 60px;
    }
    .rotate_text_03 {
        right: -180px;
        top: 143px;
    }
    #testmonialcaro {
        padding-top: 205px;
    }
    .commitment_text {
        padding-left: 30px;
        padding-right: 30px;
    }
    .fun_count p{
        margin: 0 0 30px;
    }
    .fun_count h1{
        font-size: 60px;
    }
    .fun_count{
        margin-left: 40px;
    }
    .count_fourth ,
    .count_second,
    .count_third{
        margin-left: 20px;
    }
    .commitment_text::after{
        left: -210px;
    }
    .about2content {
        padding-left: 50px;
        padding-top: 0;
    }
    .ab2Img {
        padding-left: 20px;
    }
    .about2content h2 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 50px;
    }
    .singleFun {
        padding: 169px 0 157px;
    }
    .footer_Nave li a{
        font-size: 18px;
    }
    .officeAddress {
        padding-right: 0;
    }

    /**======================== 02. Home2 Page ========================**/
    .mainNav2 ul li{
        margin-left: 35px
    }
    .mainNav2 ul li a{
        font-size: 14px;
        letter-spacing: 2.2px
    }
    .singlelWorkDec{
        width: 90%;
    }
    .mainNav2 ul li{
        margin-left: 35px
    }
    .mainNav2 ul li a{
        font-size: 14px;
        letter-spacing: 2.2px
    }
    .singlelWorkDec{
        width: 90%;
    }
    .lworkTitlle{
        font-size: 35px;
        line-height: 35px;
    }
    .metalW {
        color: #000;
        font-size: 10px;
        line-height: 20px;
    }
    .metalW a {
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 2.6px;
    }

    /**======================== 08. Shop page ========================**/
    .shopSectionRow{
        padding: 0 20px;
    }
    .single_product {
        margin: 0 0 80px;
        min-height: 535px;
        padding: 20px 20px 0;
    }
    .productTitle{
        font-size: 21px;
    }
    .shopSectionRoin{
        padding: 0;
    }
    .product_decp {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
    }
    .proTitle {
        font-size: 25px;
        line-height: 36px;
        margin-bottom: 10px;
    }
    .comSelectdiv {
        margin-bottom: 20px;
    }
    .chooseContent {
        padding: 57px 57px 25px 80px
    }
    .chooseContent h5{
        margin: 0 0 71px;
    }
    .chooseContent h2{
        font-size: 30px;
        line-height: 40px;
    }
    .chooseContent p{
        padding-right: 0;
    }
    .singlechooseImg img {
        height: auto;
        width: auto;
    }
    .singlechoose::before {
        top: 100px;
    }
    #choooseusSlide.owl-theme .owl-dots{
        left: 76px;
    }


}

/*=======================================================================
// Dasktop 981px - 1280px
=========================================================================*/
@media(min-width:980px) and (max-width:1280px){
    .serviceHead{
        top:130px !important;
    }
    .serviceDesc{
        bottom: 170px !important;
    }
    .workMeta{
        width: 100%;
    }
    .workDetailsSections .container{
        width: auto;
    }
    .product_btn a{
        font-size: 12px;
    }
    .col-cs-4, .col-cs-2 {
        width: 50%;
    }
    .twitterfeed{
        height: 100%;
    }



}


/*=======================================================================
// Dasktop 1200px - 1400px
=========================================================================*/
@media(min-width:991px) and (max-width:1024px){
    .sliderCaption h1 {
        font-size: 65px;
    }
    .headerInnerWrap{
        padding-right: 30px;
    }
    .sliderSection{
        height: 800px !important;
    }
    .discoverRes {
        overflow: hidden;
    }
    .discoverRes img{
        width: auto;
        height: 100%;
        max-width: inherit;
    }
    .serviceArea {
        margin: -90px 50px 0;
        position: relative;
    }
    .serviceDesc{
        padding: 0;
    }
    .about_desc h2{
        font-size: 35px;
        line-height: 45px;
    }
    .about_desc p{
        padding-right: 0;
    }
    .sy_btn{
        letter-spacing: 1px;
    }
    .serviceHead {
        font-size: 30px;
        left: 60px;
        line-height: 40px;
        top: 130px;
        width: 70%;
        padding-left: 110px;
    }
    .serviceDesc {
        bottom: 90px;
        font-size: 25px;
        line-height: 30px;
        padding-right: 80px;
        right: 0;
        width: 60%;
    }
    .serviceDesc::before {
        left: -120px;
        top: 12px;
        width: 100px;
    }
    .rotate_text_02{
        top: 180px;
    }
    .folio_hover h1{
        font-size: 40px;
        line-height: 40px;
    }
    .singleFolio:hover .folio_hover h1,
    .singleFolio:hover .folio_hover p.catsa{
        transform: translate3d(70px, 0px, 0px);
    }
    .testimonialSlider{
        padding-left: 30px;
    }
    .testimonialSlider.owl-theme .owl-dots{
        left: 50px;
    }
    .aboutFooter img {
        margin-bottom: 0;
        position: absolute;
        left: 0;
    }
    .footer_Nave li a{
        font-size: 18px;
    }
    .footer_Nave li{
        padding-right: 25px;
    }
    .officeAddress{
        padding-right: 0;
    }
    .footerSocial{
        padding-right: 30px;
    }
    .aboutFooter{
        padding-left: 80px;
    }
    .container{
        width: 840px;
    }
    .index2 .container{
        width: 970px;
    }
    .testimonialItems{
        padding-right: 0;
    }




}

/*=======================================================================
// Dasktop 991px - 1280px
=========================================================================*/
@media(min-width:991px) and (max-width:1280px){
    body.index2{
        padding: 0;
    }
    .headerTop2,
    .header2{
        padding: 0 30px;
    }
    .pTSContent{
        overflow: hidden;
    }


}
@media(min-width:800px) and (max-width:1280px){
    .twitterfeed{
        padding: 110px 0 64px;
    }


}

/*=======================================================================
// Tab 991px - 1024px
=========================================================================*/
@media(min-width:991px) and (max-width:1024px){
    .product_Details{
        margin-right: 0;
    }
    .product_decp{
        padding-left: 0;
        padding-right: 0;
    }
    body.index2{
        padding: 0;
    }
    .mainNav2 ul li{
        margin-left: 25px;
    }
    .mainNav2 ul li:first-of-type{
        margin-left: 0;
    }
    .mainNav2 ul li a{
        letter-spacing: 1px;
        font-size: 16px;
    }
    .header2 .noPadding{
        padding-left: 15px !important;
    }
    .header2 .noPaddingRight{
        padding-right: 15px !important;
    }
    .headerTop2 .noPaddingRight{
        padding-right: 15px !important;
    }
    .approachTitle2{
        padding: 0;
    }
    .latestpostImg{
        padding-right: 0;
        overflow: hidden;
    }
    .latestpostImg img{
        width: auto;
    }
    .latestpostDet{
        padding-top: 15px;
        margin-left: 0;
        padding-right: 30px;
    }
    .logo2 {
        width: 100%;
    }
    .mainNav2 ul li ul.sub-menu{
        width: 200px;
    }
    .mainNav2 ul li ul.sub-menu li a{
        letter-spacing: 0;
    }
    .ser_details p {
        font-size: 16px;
        line-height: 28px;
    }
    .mainNav2 ul li a{
        padding-bottom: 0;
    }
    .mainNav2 ul li:hover ul.sub-menu, 
    .mainNav2 ul ul.sub-menu,
    .mainNav2 ul li ul.sub-menu{
        top: 90px;
    }
    .approachTitle {
        padding: 175px 0 0;
    }
    .rotate_text_03{
        right: -200px;
        top: -76px;
    }
    .approachSlider{
        height: 600px;
    }
    #testmonialcaro {
        padding-top: 200px;
    }
    .commitment_text {
        padding-left: 150px;
        padding-right: 0;
        right: 0;
    }
    .commitment_text::after{
        width: 100px;
        left: 0;
    }
    .approachSlider{
        overflow: hidden;
    }
    .count_second,
    .count_third,
    .count_fourth{
        margin-left: 0;
    }
    .fun_count {
        margin-bottom: 70px;
        text-align: center;
    }
    .count_third,
    .count_fourth{
        margin-bottom: 0;
    }
    .sinlge_author{
        padding: 0;
    }
    .single_Awards a{
        width: 100%;
    }
    .Awards_title {
        margin-bottom: 80px;
    }
    .about2content {
        padding-left: 70px;
        padding-top: 0;
    }
    .singleFun{
        padding: 100px 0;
    }
    .singleFun.top{
        margin-top: 0;
    }
    .filterNav ul li{
        font-size: 18px;
    }
    .workD_Top{
        padding-top: 135px;
        margin-bottom: 0;
    }
    .work_details{
        padding-left: 30px;
    }
    .work_img{
        overflow: hidden;
    }
    .work_img img {
        height: auto;
        width: auto;
    }
    .workD_Top h4{
        letter-spacing: 2px;
    }
    .workD_Top h1 a{
        font-size: 40px;
        line-height: 50px;
    }
    .work_all_details:hover .workD_Top {
        padding-top: 70px;
    }
    .lineSpan{
        top: -45px;
    }
    .calltoActionheading p{
        padding:0 100px;
    }
    .pLHover h2{
        font-size: 32px;
    }
    .addmorePost{
        margin-top: 0;
    }
    .journalImg {
        margin-right: 0;
        overflow: hidden;
    }
    .journalImg img{
        width: auto;
        height: 100%
    }
    .product_btn a{
        font-size: 12px;
    }
    .shopSectionRow{
        padding: 0;
    }
    .single_product{
        margin: 0 20px 80px;
    }
    .contactForm{
        padding-right: 0;
    }
    .contactImage img{
        width: 100%;
        height: auto;
    }
    .singleAddress{
        margin-bottom: 80px;
    }
    .singleAddress p{
        margin-bottom: 20px;
    }
    .contactInfo{
        padding-left: 0;
    }
    .contactInfo::after{
        left: 0;
    }
    .chooseContent{
        width: 100%;
    }
    .singlechooseImg{
        width: 100%;
        position: relative;
    }
    .headerInnerWrap{
        padding-right: 0;
    }
    .wMSingle {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding: 29px 10px 17px;
        text-align: center;
    }
    .journal_content{
        padding-right: 0 ;
    }
    .col-cs-2,
    .col-cs-4{
        width: 50%;
    }
    .twitterfeed {
        padding: 40px 0 39px;
    }
    .singleInst.big img{
        min-height: 100%;
    }

}

/*=======================================================================
// Tab 768px - 990px
=========================================================================*/
@media(min-width:768px) and (max-width:990px){

    /**========================= 01. home1 Page ========================**/
    body{
        padding: 0;
    }
    .headerInnerWrap h5 {
        font-size: 12px;
        letter-spacing: 1.8px;
        padding-left: 16px;
    }
    .sliderCaption h1 {
        line-height: 80px;
    }
    .headerInnerWrap{
        padding-right: 30px;
    }
    .sliderSection{
        height: 800px !important;
    }
    .discoverRes {
        overflow: hidden;
    }
    .discoverRes img{
        width: auto;
        height: 100%;
        max-width: inherit;
    }
    .serviceArea {
        margin: -90px 50px 0;
        position: relative;
    }
    .serviceDesc{
        padding: 0;
    }
    .about_desc{
        padding-left: 0;
    }
    .about_desc h2{
        font-size: 35px;
        line-height: 45px;
    }
    .about_desc p{
        padding-right: 0;
    }
    .sy_btn{
        letter-spacing: 1px;
    }
    .serviceHead {
        font-size: 30px;
        left: 60px;
        line-height: 40px;
        top: 90px;
        width: 60%;
    }
    .serviceDesc {
        bottom: 95px;
        font-size: 25px;
        line-height: 30px;
        padding-right: 80px;
        right: 0;
        width: 60%;
    }
    .serviceDesc::before {
        left: -120px;
        top: 12px;
        width: 100px;
    }
    .rotate_text_02{
        top: 180px;
    }
    .folio_hover h1{
        font-size: 40px;
        line-height: 40px;
    }
    .singleFolio:hover .folio_hover h1,
    .singleFolio:hover .folio_hover p.catsa{
        transform: translate3d(70px, 0px, 0px);
    }
    .testimonialSlider{
        padding-left: 30px;
    }
    .testimonialSlider.owl-theme .owl-dots{
        left: 50px;
    }
    .aboutFooter img {
        margin-bottom: 0;
        position: absolute;
        left: 0;
    }
    .footer_Nave li a{
        font-size: 18px;
    }
    .footer_Nave li{
        padding-right: 25px;
    }
    .officeAddress{
        padding-right: 0;
    }
    .footerSocial{
        padding-right: 30px;
    }
    .aboutFooter{
        padding-left: 80px;
    }
    .testimonialItems{
        padding-right: 40px;
    }

    /**========================= 02. home2 Page ========================**/
    .headerTop2{
        padding: 0 15px;
    }
    .mainNav2 .mobile_menu{
        top: 15px;
    }
    .mainNav2 ul{
        top: 60px;
    }
    .approachTitle2{
        padding: 0;
    }
    .singleServices{
        padding: 36px 10px 48px; 
    }
    .ser_details p {
        font-size: 16px;
        line-height: 28px;
    }
    .ser_details p:last-of-type{
        margin-bottom: 15px;
    }
    .singleServices h3{
        margin-bottom: 30px;
    }
    .latestpostImg{
        overflow: hidden;
    }
    .latestpostImg img{
        width: auto;
    }
    .latestpostDet{
        margin-left: 0;
        padding-top: 13px;
    }

    /**========================= 03. About1 Page ========================**/
    .approachTitle{
        padding: 175px 0 0;
    }
    .rotate_text_03{
        right: -198px;
        top: 0;
    }
    .approachSlider{
        height: 500px;
    }
    #testmonialcaro {
        padding-top: 165px;
    }
    .commitment_text {
        padding-left: 150px;
        padding-right: 0;
        position: relative;
        right: 0;
    }
    .commitment_text::after {
        background: #f23030;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        top: 148px;
        width: 120px;
    }
    .count_second,
    .count_third,
    .count_fourth{
        margin-left: 0;
    }
    .fun_count {
        text-align: center;
        margin-bottom: 70px;
    }
    .count_third,
    .count_fourth{
        margin-bottom: 0;
    }
    .sinlge_author{
        padding: 0;
    }
    .author_info p{
        letter-spacing: 3.2px;
    }
    .approachSlider{
        overflow: hidden;
    }
    .pageTitleSection{
        height: 60vh;
    }

    /**========================= 03. About2 Page ========================**/
    .about2content {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 0;
    }
    .ab2Img {
        padding-left: 0;
    }
    .singleFun.top{
        margin-top: 0;
    }

    /**========================= 04. Services Page ========================**/
    .serv_title{
        padding-bottom: 140px;
    }
    .bigTitle br{
        display: none;
    }
    .iconBox02.noMarginBottom{
        margin-bottom: 100px !important;
    }
    .singlePartner{
        width: 100%;
    }
    .calltoActionheading p{
        padding: 0;
    }
    .workContent::before{
        left: 0;
    }
    .howWeWork{
        overflow: hidden;
    }
    .pTSContent{
        overflow: hidden;
    }

    /**========================= 05. Services2 Page ========================**/
    .chooseContent{
        width: 100%;
        padding: 90px 50px 0;
    }
    .singlechooseImg {
        position: relative;
        top: 0;
        width: 100%;
    }
    .singleprocess {
        margin: 0 0 132px;
    }
    .singleprocess img{
        margin-bottom: 40px;
    }
    .singleprocess p{
        font-size: 16px;
        line-height: 27px;
    }
    .partstyle2 .singlePartner{
        margin-bottom:30px;
        height: auto;
    }
    .singleprocess{
        margin: 0 0 80px;
    }

    /**========================= 06. Work ========================**/
    .filterNav ul li{
        font-size: 18px;
    }
    .workD_Top{
        padding-top: 135px;
        margin-bottom: 0;
    }
    .work_details{
        padding-left: 30px;
    }
    .work_img{
        overflow: hidden;
    }
    .work_img img {
        height: auto;
        width: auto;
    }
    .workD_Top h4{
        letter-spacing: 2px;
    }
    .workD_Top h1 a{
        font-size: 40px;
        line-height: 50px;
    }
    .work_all_details:hover .workD_Top {
        padding-top: 70px;
    }
    .lineSpan{
        top: -45px;
    }
    .pLHover h2{
        font-size: 25px;
    }
    .addmorePost{
        margin-top: 0;
    }
    .wMSingle {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        padding: 29px 10px 17px;
        position: relative;
        text-align: center;
    }

    /**========================= 07. journal single ========================**/
    .pTSContent h2{
        font-size: 50px;
        line-height: 60px;
    }
    .journal_content{
        padding-right: 0;
    }
    .journal_content h2{
        font-size: 30px;
        line-height: 40px;
    }
    .journalImg {
        margin-bottom: 50px;
        margin-right: 0;
    }
    .journalImgRela{
        margin-right: 0;
    }
    .exrelatedPro{
        margin-bottom: 120px;
    }

    /**========================= 08. Shop ========================**/
    .shopSectionRow{
        padding: 0 15px;
    }
    .single_product{
        margin: 0 20px 80px;
    }
    .product_btn a{
        margin-right: 5px;
        font-size: 12px;
    }
    .product_btn a:last-of-type{
        margin-right: 0;
    }
    .productTitle{
        font-size: 20px;
        line-height: 30px;
    }
    .mobileshoH {
        padding: 30px;
        position: absolute;
        right: 0;
        text-align: right;
        z-index: 1;
    }
    .breadCmenu{
        top: 0;
        padding-left: 20px;
    }
    .product_decp{
        padding-left: 0;
        padding-right: 0;
    }
    .comSelectdiv.selectColor {
        padding-left: 0;
    }
    .cart_table tbody tr td.product-thumbnail{
        padding-left: 0;
    }
    .cart_table tbody tr td.product-remove{
        padding-right: 0;
    }
    .cart_table tbody tr td.product-thumbnail img{
        margin-right: 5px;
    }
    .cart_table tbody tr td.product-subtotal{
        letter-spacing: 2px;
        padding-right: 10px;
    }
    .cart_table tbody tr td.product-price span.amount{
        letter-spacing: 2px;
    }
    .cart_table tbody tr td.actions .input-text{
        width: 190px;
    }
    .cart_table tbody tr td.actions .coupon_submit{
        padding: 14px 30px;
    }
    .contactForm{
        padding-right: 0;
    }
    .contactImage img{
        width: 100%;
        height: auto;
    }
    .singleAddress{
        margin-bottom: 80px;
    }

    .contactInfo{
        padding-left: 0;
    }
    .contactInfo::after{
        left: 0;
    }
    .woocommerce-checkout-review-order {
        padding: 47px 5px 20px;
    }
    .breadcrumbSection{
        padding-top: 130px;
    }
    .product_Details{
        margin-right: 0;
    }
    .teamtext{
        padding-right: 0;
        margin-bottom: 100px;
        padding-left: 150px;
    }
    .lineBorder {
        left: 30px;
        width: 100px;
    }
    .comonTitle.comonTitle2 {
        margin-bottom: 80px;
    }
    .col-cs-4,
    .col-cs-2{
        width: 50%;
    }
    .singleInst img{
        height: auto;
    }
    .singleTwitter {
        margin-left: 20px;
        padding-left: 30px;
        padding-right: 20px;
    }
    .twitterfeed {
        height: 100%;
        padding: 54px 0 64px;
    }
    .singleInst.big img {
        min-height: auto;
    }
    .bigTitle{
        font-size: 50px;
        line-height: 50px;
    }

}
@media(min-width:980px) and (max-width:1000px){
    .twitterfeed {
        height: 100%;
        padding: 132px 20px;
    }
}
@media(min-width:770px) and (max-width:800px){
    .col-cs-4, .col-cs-2 {
        width: 50%;
    }
    .twitterfeed {
        height: 100%;
        padding: 67px 20px;
    }
}
@media(min-width:1270px) and (max-width:1281px){
    .twitterfeed {
        height: 100%;
        padding: 192px 20px;
    }
}
/*=======================================================================
// Mobile Menu 320px - 980px
=========================================================================*/
@media(min-width:320px) and (max-width: 990px){
    /**======= 04.a => Home1 =======**/
    body{
        padding: 0;
    }
   
#footer .mobileLogosc {
        text-align: center;
    }

    .mobileLogosc {
        position: absolute;
        left: 10px;
        top: 20px;
        z-index: 5;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }


#job_srArch .modal-body {padding: 38% 1% 1% 3%;}
#job_srArch .yel-flow-pos {left: 0%;}

#job_jrArch .modal-body {padding: 38% 1% 1% 3%;}
#job_jrArch .yel-flow-pos {left: 0%;}

#job_360Vis .modal-body {padding: 38% 1% 1% 3%;}
#job_360Vis .yel-flow-pos {left: 0%;}

#internModal .modal-body {padding: 38% 1% 1% 3%;}
#internModal .yel-flow-pos {left: 0%;}

.half-vh-mob {
    height: 50vh;
}

.team-line{
    display: none;
}

.proj1-eleven{width: 50%;}


.awd-tit {
    font-weight: 400;
    margin-bottom: 0;
}

#footer .p-t-10 {
    padding: 0;
}

#footer .m-t-10 {
    margin-top: 3%;
}

#proj-list .ls-none {
    width: 100%;
}

#proj-list ul.ls-none li.filter {
    font-size: 14px;
    border-top: 1px solid #cccccc5e;
    /* border-bottom: 1px solid #cccccc5e; */
    text-align: center;
    padding: 2% 0;
    text-transform: uppercase;
}

#about5{
    height:auto!important;
}

.prac3-l-plant{
    display: none;
}

.liv-link {
    font-size: 13px;}

.mbot0-mob{
    margin-bottom:  0;
}

#sep {margin-top: 0%;}


h2, .h2 {
    font-size: 20px;
}

footer  h3, .h3 {
       font-size: 15px;
    margin-bottom: 5%!important;
}

.bar-l::after{
    height: 50px;
}

.aboutFooter img { margin: 0 0 10px;}

.projCont-pos {
    margin-left: -20%;
    margin-top: 3%;
    width: 90%;
}

.copyrightSection {border : 0;}


.team-ind-pos {
   
    padding-left: 5px;
}

.team-ind-nam {
   bottom: 9%;
    padding-left: 5px;
}

.cr-bor-mob{
    height:1px; width: 100%; background-color : #cccccc;
}

.pad-l-mob {
    padding-left : 0;
}

.home-sld-p {font-weight: 500;}


#job_srArch .modal-lg, #job_jrArch .modal-lg, #job_360Vis .modal-lg, #internModal .modal-lg {
    width: 95%;
}


.tc-mobile {
    text-align: center;
}

.bg-mob-cen {
    background-position: center!important;
}


.p-t-mob-5 {padding-top: 5%!important;}
.p-t-mob-10 {padding-top: 10%!important;}
.p-t-mob-35 {padding-top: 35%!important;}

#about4 section.bg-b-65{
    background-color: transparent;
}




    .tc-mob{
        text-align:center!important;
    }

    .m-auto-mob {
        margin: auto!important;
        padding: 0 0 5% 0;
    }

    .mobileLogosc a img {
        width: 38%;
    }

    .footer-logo{
        width: 38%;
    }

    .fixedHeader .mobileLogosc{
        position: absolute;
        top: -100px;
    }
    .fixedHeader #menu_toggle span{
        background: #222;
    }
    #menu_toggle span{
        background: #777;
    }
    .headerTopSection .headerInnerWrap {
        padding: 0;
        text-align: center;
    }
    .headerTopSection .headerInnerWrap h5 {
        display: none;
    }
    .headerTopSection .noPaddingRight{
        padding-right: 15px !important;
    }
    .mobile_header{
        position: relative;
        background: #fafafa;
        padding: 10px 0;
    }
    .mobile_menu {
        cursor: pointer;
        height: 18px;
        line-height: 0.03;
        margin: auto;
        position: absolute;
        right: 15px;
        top: -37px;
        width: 25px;
    }
    .mobile_menu span{
        width: 100%;
        height: 2px;
        background: #333;
        display: inline-block;
    }
    .mobile_menu span:nth-of-type(01){
        transform: rotate(0deg);
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
    }
    .mobile_menu span:nth-of-type(02){
        transform: scale(1); 
        opacity: 1;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
    }
    .mobile_menu span:nth-of-type(03){
        transform: rotate(0deg);
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
    }
    .mobile_menu.active span:nth-of-type(1) {
        position: absolute;
        right: 0;
        transform: rotate(-45deg);
        top: 0;
        bottom: 0;
        margin: auto;
        left: 0;
        background: #f23030;
    }
    .mobile_menu.active span:nth-of-type(02){
        transform: scale(0);
        opacity: 0;
        background: #f23030;
    }
    .mobile_menu.active span:nth-of-type(3){
        position: absolute;
        right: 0;
        transform: rotate(45deg);
        top: 0;
        bottom: 0;
        margin: auto;
        left: 0;
        background: #f23030;
    }
    .mobile_header ul {
        background: #fff;
        display: none;
        left: 0;
        list-style: outside none none;
        margin: 0;
        padding: 15px 0;
        position: absolute;
        text-align: center;
        top: 11px;
        width: 100%;
        z-index: 99;
        left: 0;
    }
    .mobNav ul li{
        position: relative;
    }
    .mobNav ul ul.sub-menu {
        padding: 0;
        position: relative;
        top: 0;
    }
    .mobNav ul ul.sub-menu li {
        line-height: 1.4;
    }
    .mobNav ul ul.sub-menu li a {
        font-style: italic;
        font-size: 15px;
        color: red;
    }
    .sliderCaption h3 {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 2px;
        position: relative;
        top: -30px;
    }


.aboutPageTitle {
    background: url(../images/about/about1-bg-cen.png) #e7e5e1 no-repeat !important;
    background-size: 160%!important;
    background-position: bottom!important;
}

.CareerPageTitle2 {
    background: url(../images/career/careerimg2Mob.jpg) no-repeat!important;
    background-size: 100% auto !important;
}


.p-t-job {
    padding-top: 80%;
}


.bg-pos-x {
    background-position-x: 80%;
}


.prac3-l-plant {
   z-index: 0;
   position: absolute;
   /* left: -10%; */
   bottom: -18%;
}

.about4bg{
    background-size: 100%;
}

.about4bg {
    height : 30vh;
    overflow: hidden;
    position: relative;
}


#about6video .ls-none {
    width: 100%;
}

.prac3-plant {
 width: 50%;   
}

.plant-corner-img{
    width : 30%;
}

.pad-mob-vr2{
        padding-top: 100%;
}

.mob-center{
    text-align: center;
}

.h-mob{
    height :100vh;
}

.team-pic {height: 40vh;overflow: hidden;}


.pTSContent-video {
    position: absolute;
    left: 0%;
    padding: 0 0 0 20px;
    right: 0;
    top: 35%;
    z-index: 7;
    transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -webkit-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
}

#project1 {
    height: 60vh!important;
}

.drone {
    transform: translate(0%,90%)!important;
}

.vr3-pos {
    left: 0%;
}

.mt-10-mob{margin-top: 10%;}

#about6video .full-scr{
  height: 30vh; 
    overflow: hidden;
}


#about1 .pTSContent {
    position: absolute;
    padding: 0;
    left: 0%;
    /* padding: 0 50px; */
    /* right: 0; */
    top: 42%;
    z-index: 3;
    transform: translateY(-60%);
    -moz-transform: translateY(-60%);
    -webkit-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
}

.calltoActionwhatwedo {
    padding-top: 30px; }

.ui-tabs {padding: 0 }

.ui-tabs .ui-tabs-nav li {
  
    margin: 1px 5px 0 0!important;
    font-size: 18px!important;
    padding: 10% 0 0 0!important;
}


.car-team-l-plant-contact {
    margin-top: -25%;
    width: 25%;
}



    /**======= 04.b => Home2 =======**/
    .mainNav2 ul {
        position: absolute;
        z-index: 1;
        background: #fff;
        width: 100%;
        left: 0;
        right: 0;
        text-align: center;
        display: none;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        height: 260px;
        overflow: auto;
    }
    .header2{
        padding: 10px 0;
    }
    .logo2{
        padding-left: 15px;
        padding-top: 0;
        padding-bottom: 0;
    }
    .mainNav2 ul li {
        display: block;
        margin-left: 0;
        position: relative;
    }
    .mainNav2 ul li a {
        padding-bottom: 0;
        line-height: 1.5;
        letter-spacing: 0;
        margin-bottom: 12px;
        padding-top: 0;
    }
    .mainNav2 ul li ul.sub-menu {
        background: #f23030;
        left: 0;
        margin-left: 0;
        opacity: 1;
        position: relative;
        top: 0;
        transition: none;
        visibility: visible;
        width: 100%;
        z-index: 2;
        margin-bottom: 10px;
        height: auto;
    }
    .mainNav2 ul li:hover ul.sub-menu{
        top: 0;
    }
    .mainNav2 ul li ul.sub-menu li {
        border-top: 1px solid #d92b2b;
        padding: 10px 0 10px 0;
        text-align: center;
    }
    .mainNav2 ul li ul.sub-menu li a{
        margin-bottom: 0;
    }
    .mainNav2 ul li ul.sub-menu::before{
        left: 0;
        right: 0;
    }
    #menu_toggle{
        left: -80px;
    }


    /**================== Mobile Menu =======================**/
    .headerTopSection{
        display: none;
    }
    .navWrap,
    .header_01{
        width: 0px;
    }
    .navLogo{
        display: none;
    }
    .logo{
        display: none;
    }
    .menu_toggler{
        bottom: auto;
        left: 35px;
        border: none;
        background: transparent;
    }
    .menu_open .navWrap{
       width: 100vw;
    }
    .mainNav {
        height: 50%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        padding-right: 8px;
    }
    .menu_open .mainNav{
        visibility: visible;
        opacity: 1;
    }
    .socialDiv {
        height: 50px;
        padding: 1px 0;
        line-height: 50px;
        overflow: hidden;
    }
    .mainNav ul li{
        margin-bottom: 0;
    }
    .mainNav ul li a{
        font-size: 25px;
        margin-bottom: 15px;
        line-height: normal;
    }
    .mainNav ul ul.sub-menu{
        padding-left: 0;
        padding-bottom: 10px;
        padding-top: 0;
    }
    .mCSB_inside > .mCSB_container{
        margin: 0;
    }
    .mainNav ul ul.sub-menu li::before{
        top: 13px;
        left: 24%;
    }
    .mainNav ul ul.sub-menu li a{
        font-size: 14px;
    }
    .mainNav ul ul.sub-menu li {
        line-height: 25px;
    }
    .work_details a.vDetail{
        color: #f23030;
        display: block;
        font-size: 14px;
        font-weight: 600;
        overflow: hidden;
        position: relative;
        text-transform: uppercase;
        width: 145px;
        
    }
    .workD_Top{
        padding-top: 143px;
    }
    .shoppage .fixedHeader #menu_toggle span,
    .shoppage #menu_toggle span{
        background: #000;
    }


}

/*=======================================================================
// Mobile 320px - 767px
=========================================================================*/
@media(min-width:320px) and (max-width:767px){

h1, .h1 {
    font-size: 25px!important;
}


#home .swiper-button-next, #home .swiper-button-prev{
    display: none;
}


#lefth2{height: 13vh;}


/*#home .swiper-slide{
      margin-right: 0px!important;
    width: 100vw!important;
}*/
.let_more_btn {
    margin-top: 10%;
    margin-bottom: 10%;
}

#owl-proj-slid .owl-next {display:block;left: 95%!important;}
#owl-proj-slid .owl-prev {display:block;}

#owl-proj-slid .bg{ background-position: center!important; }

.burns1 {background-position-x: 35%;}
.burns2 {background-position-x: 50%;}
.burns4 {background-position-x: 50%;}
.burns5 {background-position-x: 50%;}
.burns6 {background-position-x: 40%;}
.burns9 {background-position-x: 30%;}
.burns10 {background-position-x: 50%;}
.burns11 {background-position-x: 50%;}
.burns12 {background-position-x: 50%;}
.burns13 {background-position-x: 50%;}
.burns14 {background-position-x: 10%;}
.burns15 {background-position-x: 50%;}

.proj-plant {
    left: 55%;
    position: relative;
    width: 35%;
}

section#live-hom2 {
    padding: 15% 0 0 0;
}

.serv-tit {
    text-align: left;
}

.pad-liv-mob{   
    padding-left: 0px!important;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-right: 0px;
}

.s-arr svg {
    fill: #73bf44;
    float: left;
    padding:  0;
    margin: 1.3% 5px 0 0;
}



.underline:after {
    /* padding-bottom: 20px; */
    display: block;
    /* margin-top: -9%; */
    content: '';
    border-bottom: solid 1px #73bf44;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
    /* margin-bottom: 11%; */
}


.servSection {
    padding: 7% 0 30% 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
    
p {
    font-size: 14px;
}


.pad-mob-tb{
        margin-top: 10%;
        margin-bottom: 10%;
}

.mob-m-tb-10{
    margin-top: 10%;
    margin-bottom: 10%;
}


.blog-mob-adj{
    margin-top: 20%;
}

.liv-link-next {
    float: left;
    padding-right: 0%;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    right: 5%;
    margin-top: -0.5%;
    position: absolute;
}

.liv-link-prev {
    float: left;
    padding-right: 0%;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    left: 5%;
    position: absolute;
}



.blog-main-svg {
    width: 5%;}


.prac3-cont-pad {
  padding-right: 15px!important;
    padding-left: 15px!important;
}

.menu_open .navWrap {
    background-position: center;
    background-size: auto 100%;    
}

.bg {background-size: auto 100%!important;}

.bg100 {background-size: 100%!important;background-position: center;}

.bg100-teambg{background-size: 100% auto!important;
    background-position: center;}  

.bg100-teambg {
    height: 30vh!important;
}
    
#about4 section.full-scr {
    height:auto;
}


.pTSContent-team {
    position: absolute;
    left: 0%;
    padding: 0px 15px;
    right: 0;
    top: 70%;
    z-index: 3;
    transform: translateY(- 70%);
    -moz-transform: translateY(- 70%);
    -webkit-transform: translateY(- 70%);
    -ms-transform: translateY(- 70%);
}


.grid figure {
    margin: 0;
}

figure.effect-bubba h3 {padding: 25% 20px 0 0;}

.section-pad-hom4 {padding-top: 25%;padding-bottom: 25%;}

.award-tit {width: 80%;}

.award-pad {margin-left: 0%;}

.box-award {display: none;}

.award-team-l-plant {width: 25%;margin: 30% 0 0;}

.contact-menu {width: 100%;left: 8%;top: 65%;}

.hom2-plant {
    width: 100%;
}

.home2-team-l-plant{
    width: 35%;
    z-index: -1;
    right: 0%;
    bottom: -13%;
}

#career1 .ls-none{
    width: 100%;
}


#internModal .modal-lg {
    width: 95%;
}

.ls-none {
    list-style: none;
    line-height: 1.4em;
    /* font-size: 20px; */
    width: 85%;
}

.bar-r::after {

    content: "";
    height: 70px;
    right: 18.4%;
    margin: auto;
    position: absolute;
    /* right: 0; */
    width: 2px;
    top: auto;
    margin-top: -10%;
}

.Fifpos {
    margin-left: -20%;
    margin-top: -95%;
    width: 75%;
}

.proj1-pos {
    bottom: 5%;
    position: absolute;
}

.car-team-l-plant{width: 25%;margin-top: 0%;}

#services .container { width: 100%; }

.card{margin-top: 15%;}

.CareerPageTitle1{
    background: url(../images/career/careerimg1-mob.jpg) no-repeat;
    background-size: auto 100%!important;
    background-position: 38%;
}

.CareerPageTitle2 {
    background-position-x: 42%;
}

.CareerPageTitle3{
       background-size: auto 100%!important;
    background-position-x: 70%;
}


.mar-mob-t5 {margin-top: 5%;}


.pad-mob-t2 {padding-top:2%;}
.pad-mob-t5 {padding-top: 5%;}
.pad-mob-t10 {padding-top: 10%;}
.pad-mob-t15 {padding-top: 15%;}
.pad-mob-t20 {padding-top: 20%;}

.pad-mob-b5 {padding-bottom: 5%;}
.pad-mob-b10 {padding-bottom: 10%;}
.pad-mob-b15 {padding-bottom: 15%;}
.pad-mob-b20 {padding-bottom: 20%;}


.hello-img{
       display: none!important;
}

.contact-menu{
    display: none!important;
}

.hello-pos {
    padding: 30% 0 0 15px;
}

.contactInfo .p-t-4 {
    padding-top: 0;
}

.t-right-flex {
    text-align: left;
}

.bgProj {
    background-size: auto !important;
}

    .logo-openMenu {
    width: 50%;
}

.indv-cont-pad{
    padding: 0 4%;
}


.space {
    width: 100%;
}

    .sliderCaption h1 {
        font-size: 40px;
        letter-spacing: 0;
        line-height: 38px;
    }
    .tp-bullets {
        bottom: 40px !important;
        height: 60px;
        left: auto !important;
        margin: 0 !important;
        opacity: 1 !important;
        position: absolute;
        right: 30px;
        width: 11px;
        z-index: 2;
        top: auto;
    }
    .serviceArea{
        margin: 0;
    }
    .serviceDesc {
        bottom: 45px;
        color: #fff;
        font-size: 12px;
        font-weight: 300;
        letter-spacing: 0;
        line-height: 22px;
        padding-left: 0;
        padding-right: 0;
        position: absolute;
        right: 0;
        width: 77%;
        padding-right: 20px;
    }
    .about_desc {
        margin-top: 20px;
        padding-left: 0;
        text-align: center;
    }
    .about_desc h2 {
        font-size: 30px;
        font-weight: normal;
        letter-spacing: 0;
        line-height: 40px;
        margin: 0 0 35px;
    }
    .about_desc p{
        padding-right: 0;
    }
    .sy_btn {
        font-size: 11px;
        letter-spacing: 1px;
    }
    .wc-proceed-to-checkout .sy_btn {
        font-size: 11px;
        letter-spacing: 1px;
        line-height: 44px;
        padding: 0 25px;
    }
    .serviceDesc::before{
        display: none;
    }
    .serviceHead {
        color: #fff;
        font-size: 14px;
        left: 0;
        line-height: 22px;
        position: absolute;
        top: 45px;
        width: 67%;
        z-index: 2;
        padding-left: 16px;
    }
    .res_xsClass {
        position: relative;
        top: 80px;
    }
    .rotate_text_02{
        display: none;
    }
    .aboutSection{
        padding-bottom: 50px;
    }
    .bigTitle {
        font-size: 30px;
        line-height: 40px;
        margin: 0 auto 30px;
    }
    .what_we_do .bigTitle {
        margin-bottom: 80px;
    }
    .iconBox p{
        padding: 0;
    }
    .iconBox{
        margin-bottom: 100px;
    }
    .iconBox h3{
        margin: 0 0 40px;
    }
    .iconBox_xsClass{
        margin-bottom: 0;
    }
    .folio_hover h1{
        font-size: 35px;
        line-height: 35px;
    }
    .singleFolio:hover .folio_hover h1 {
        transform: translate3d(90px, 0px, 0px);
    }
    .singleFolio:hover .folio_hover p.catsa {
        transform: translate3d(60px, 0px, 0px);
    }
    .mtop234 {
        margin-top: 0;
    }
    .folio_hover p.catsa{
        letter-spacing: 2px;
    }
    .mtop136 {
        margin-top: 100px;
    }
    #client_slider.owl-carousel .owl-item img{
        width: 100% !important;
    }
    #client_slider .singleClient {
        width: 85%;
        margin: auto;
    }
    .client_section {
        padding-bottom: 45px;
        padding-top: 91px;
    }
    .testimonialSlider{
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
    }
    .testimonialItems{
        padding: 0;
    }
    .testimonialItems p {
        font-size: 25px;
        line-height: 40px;
    }
    .testiMeta{
        padding-left: 50px;
    }
    .testiMeta h3{
        margin-bottom: 10px;
    }
    .testiMeta::after{
        top: 40px;
    }
    .testimonialSlider.owl-theme .owl-dots {
        bottom: -80px;
        height: 30px;
        left: 0;
        margin: 0;
        position: absolute;
        text-align: center;
        top: auto;
        width: 100%;
    }
    .testimonialSlider.owl-theme .owl-dots .owl-dot span{
        margin: 0;
    }
    .testimonialSlider.owl-theme .owl-dots .owl-dot.active span{
        position: relative;
        top: 2px;
    }
    .testimonialSlider.owl-theme .owl-dots .owl-dot{
        margin: 10px;
    }
    .testimonial_section{
        padding: 74px 0 147px;
    }
    .aboutFooter p{
        padding-right: 0;
    }
    .footer_Nave li {
        display: block;
        line-height: 0.8;
        list-style: outside none none;
        padding-right: 0;
        /* margin-bottom: 16px; */
    }
    .footerSocial a{
        margin-right: 5px;
        width: 40px;
        font-size: 20px;
    }

.footer_Nave {
    margin: 9% 0 9%;}

    .aboutFooter{
        text-align: center;
    }
    .footer_Nave {
        margin: 7% 0 7%;
        text-align: center;
        padding-right: 15px;
        padding: 0;
    }
    .footerSocial {
        /* padding-right: 15px; */
        text-align: center;
        width: 100%;
        margin-bottom: 30px;
    }
.sub-form input[type="email"] {
    width: 85%;
    }

    .copyrightText{text-align: center;
    padding: 3% 0 0%;}

    .officeAddress {
        padding-right: 15px;
        text-align: center;
        width: 100%;
    }
    .callUs {
        text-align: center;
        width: 100%;
        padding-right: 15px;
    }

    /**======================== 02. Home2 ========================**/
    .headerTop2{
        display: none;
    }
    .approachTitle2{
        padding: 0;
    }
    .approachTitle2 h3,
    .comonTitle{
        line-height: 25px;
    }
    .approachTitle2 > h1{
        font-size: 40px;
        line-height: 50px;
    }
    .singlelWorkDec{
        width: 100%;
        visibility: visible;
        opacity: 1;
    }
    .singlelWorkDec{
        transform: translate3d(0, 0, 0);
    }
    .lworkTitlle{
        transform: translate3d(0, 0, 0);
        visibility: visible;
        opacity: 1;
    }
    .singlelWorkDec,
    .lworkTitlle::before,
    .singlelWork .metalW,
    .lworkTitlle{
        transform: translate3d(0, 0, 0);
        visibility: visible;
        opacity: 1;
    }
    .lworkTitlle::before{
        width: 100px;
    }
    .latestpostImg{
        padding-right: 0;
    }
    .latestpostDet{
        margin-left: 0;
        padding: 15px;
    }
    .metalp a{
        letter-spacing: 0;
    }
    .latestBT{
        font-size: 25px;
    }

    /**======================== 02. About ========================**/
    .pageTitleSection{
        height: 100vh;
    }
    .pTSContent{
        padding: 0;
    }
    .pTSContent h5{
        line-height: normal;
        letter-spacing: 2px;
    }
    .pTSContent h2{
        font-size: 40px;
        line-height: 50px;
    }
    .approachTitle{
        padding: 175px 0;
    }
    .bar::after {
        bottom: -20px;
        height: 50px;
    }
    .rotate_text_03{
        top: -12px;
        right: -125px;
        letter-spacing: 0;
    }
    .approachTitle > h1{
        font-size: 35px;
        line-height: 45px;
    }
    .ourApproachSection{
        padding-bottom: 0;
    }
    .approachTitle{
        padding: 140px 0;
    }
    .approachSlider{
        height: auto;
    }
    #testmonialcaro {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .commitment_text {
        padding-right: 0;
        position: relative;
        right: 0;
        text-align: center;
    }
    .fun_count {
        border-bottom: 1px solid #ccc;
        padding-bottom: 30px;
        padding-top: 30px;
        text-align: center;
    }
    .count_second,
    .count_third,
    .count_fourth{
        margin-left: 0;
    }
    .funcact_title h3{
        letter-spacing: 2px;
    }
    .funcact_title h3{
        margin: 0 0 50px;
    }
    .team_title h4{
        letter-spacing: 2px;
    }
    .team_title h1{
        font-size: 60px;
        line-height: 60px;
    }
    .sinlge_author{
        padding: 0;
        margin-bottom: 60px;
    }
    .sinlge_author.lastXs{
        margin-bottom: 0;
    }
    .Awards_title{
        margin-bottom: 20px;
    }
    .Awards{
        padding-bottom: 0;
    }
    .approachSlider{
        overflow: hidden;
    }

    /**======================== 04. About2 ========================**/
    .about2content {
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
        padding-top: 0;
    }
    .about2content h2 {
        font-size: 35px;
        line-height: 45px;
    }
    .ab2Img{
        padding-left: 0;
    }
    .singleFun{
        padding: 75px 0;
    }
    .singleFun.top{
        margin-top: 0;
    }

    /**======================== 05. Services ========================**/
    .serv_title > h1{
        font-size: 35px;
        line-height: 45px;
    }
    .serv_title > h1 br{
        display: none;
    }
    .serv_title a.sy_btn i {
        margin-left: 20px;
    }
    .serv_title a.sy_btn {
        padding: 14px 40px 20px;
    }
    .serv_title{
        padding-bottom: 100px
    }
    .workContent{
        width: 100%;
        padding: 62px 10px 60px;
        height: auto;
        text-align: center;
    }
    .workContent::before{
        left: 0;
        right: 0;
        margin: auto;
    }
    .workContent h2{
        width: 100%;
        position: static;
    }
    .workContent h2{
        font-size: 30px;
        line-height: 40px;
    }
    .iconBox02 h3{
        margin-bottom: 30px;
    }
    .iconBox02{
        margin-bottom: 60px;
    }
    .iconBox02.noMarginBottom{
        margin-bottom: 60px !important;
    }
    .whoWe_workedFor .comonTitle{
        margin-bottom: 50px;
    }
    .comonTitle{
        letter-spacing: 2px;
    }
    .singlePartner{
        margin-bottom: 0;
    }
    .calltoActionheading p{
        padding: 0;
    }
    .calltoActionheading a.sy_btn i {
        margin-left: 20px;
    }
    .calltoActionheading a.sy_btn {
        padding: 14px 30px 20px;
    }

    /**======================== 06. Services2 ========================**/
    .serBoxH{
        padding-left: 0;
    }
    .serBox{
        text-align: center;
        margin-bottom: 40px;
    }
    .serBoxH img{
        position: relative;
        margin-bottom: 20px;
    }
    .singlechooseImg{
        position: relative;
        top: 0;
        width: 100%;
    }
    .chooseContent {
        padding: 40px 15px;
        width: 100%;
        text-align: center;
    }
    .chooseContent h5{
        letter-spacing: 2px;
    }
    .chooseContent h2{
        font-size: 35px;
        line-height: 45px;
    }
    .chooseContent p:last-of-type,
    .chooseContent p{
        padding: 0;
        margin: 0;
        font-size: 17px;
        line-height: 26px;
    }
    .singlechoose::before{
        top: 90px;
        left: 0;
        right: 0;
        margin: auto;
    }
    .chooseContent h5{
        margin: 0 0 70px;
    }
    .serv2title {
        margin-bottom: 55px;
    }
    .singleprocess {
        margin: 0 0 100px;
    }
    .partstyle2 .singlePartner{
        margin-bottom: 0;
    }
    .singleprocess.lastxs{
        margin-bottom: 0;
    }
    .ourworkSec{
        padding-bottom: 100px;
    }
    /**======================== 07. Work ========================**/
    .filterNav {
        margin-bottom: 33px;
    }
    .filterNav ul li{
        font-size: 20px;
        margin-left: 10px;
    }
    .filterNav ul li::before{
        display: none;
    }
    .work_details{
        padding-left: 0;
    }
    .workD_Top{
        padding-top: 50px;
    }
    .work_all_details{
        padding: 0 15px !important; 
    }
    .workD_Top h1 a{
        font-size: 30px;
        line-height: 40px;
    }
    .workD_Top h4{
        font-size: 14px;
        letter-spacing: 1px;
    }
    .work_all_details:hover .workD_Top{
        padding-top: 40px;
    }
    .workD_bott{
        margin-bottom: 0;
    }
    .projectLinks.marLeft10,
    .projectLinks.marRight10{
        margin-left: 0;
        margin-right: 0;
    }
    .pLHover h2{
        font-size: 22px;
        line-height: 40px;
    }
    /**======================== 08. journal ========================**/
    .j_contentW{
        padding-right: 0;
    }
    .singleJournal{
        margin-bottom:-45px;
    }

    /**======================== 09.journal single ========================**/
    .pTSContent h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .singleJournal_meta{
        line-height: normal;
    }
    .journal_wrap{
        padding: 0 15px;
    }
    .journal_content {
        padding-right: 0;
        position: relative;
        top: 0;
    }
    .journal_contentWrap,
    .blogDescriptionTop .journal_content{
        text-align: center;
    }
    .journal_content h2{
        font-size: 20px;
        line-height: 30px;
    }
    .journalImg,
    .journalImgRela{
        margin-right: 0;
    }
    .journalImg{
        margin-bottom: 20px;
    }
    blockquote{
        padding-left: 15px;
        padding-right: 15px;
    }
    .socialShare{
        top: 0;
        text-align: left;
    }
    .singleCom,
    .commentList ol li ul.ChildCom{
        padding-left: 0;
    }
    .singleCom img{
        position: relative;
    }
    .relatedTitle,
    .commentTitle{
        letter-spacing: 0;
    }

    /**======================== 10.Shop ========================**/
    .shopSectionRow{
        padding: 0;
    }
    .paddingLeft22 {
        padding-left: 15px;
    }
    .product_btn a{
        font-size: 12px;
        margin-right: 5px;
    }
    .lavel{
        right: 5px;
    }
    .shopBanner{
        min-height: 400px;
    }
    .mobileshoH {
        padding: 30px 15px 30px 0;
        text-align: right;
    }
    .shopSection{
        overflow: hidden;
    }
    .productTitle{
        font-size: 20px;
    }
    .breadCmenu span,
    .breadCmenu a{
        line-height: .8;
    }
    .breadCmenu a::after{
        top: 5px;
    }
    .product_Details{
        margin-right: 0;
    }
    #porDetails .carousel-indicators{
    position: absolute;
    left: 10px;
    top: 0;
    }
    #porDetails .carousel-indicators li, 
    #porDetails .carousel-indicators li.active{
        width: 100%;
    }

    .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    top: 60px;
    left: 0;
}


.line-serv {
    width: 10px;
    margin: 2% 1% 2% 0%;
}

    .product_decp{
        padding-left: 0;
        padding-right: 0;
    }
    .comSelectdiv.selectColor{
        padding-left: 0;
    }
    .infoNavTab{
        padding: 10px;
        height: 60px;
    }
    .infoNavTab li a{
        font-size: 11px;
    }
    .infoNavTab li{
        margin-right: 5px;
    }
    .infoNavTab li:last-of-type{
        margin-right: 0;
    }
    .adinfo {
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }
    .adinfo ul li{
        padding-left: 125px;
        line-height: 30px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .shopRelatedSection,
    .productDetailsSection,
    .breadcrumbSection
    {
        overflow: hidden;
    }
    .shopRelatedSection .comonTitle {
        margin-bottom: 0;
    }
    .loginss{
        font-size: 11px;
    }
    .woocommerce-checkout-review-order {
        padding: 47px 5px 20px;
    }
    .woocommerce-checkout-payment ul li label img {
        height: auto;
        margin-left: 5px;
        position: absolute;
        top: -4px;
        width: 154px;
    }
    .cart_table tbody tr td.product-thumbnail{
        padding-left: 0;
    }
    .comSelectdiv .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
    .quantityd {
        left: 0;
        top: 0;
        width: 200px;
    }
    .shop_table.shop_table_responsive.cart.cart_table .comSelectdiv .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .quantityd {
        left: 28px;
        top: 34px;
        width: 80px;
    }
    .productQnt .comSelectdiv .quantityd{
        left: 0;
        width: 200px;
        top: 0;
    }
    .actions .sy_btn.button.update_cart{
        width: 100%
    }
    .shop_table.shop_table_responsive.cart.cart_table .quantityd input[type="text"]{
        width: 100%;
    }
    .breadCmenu{
        padding-left: 20px;
    }
    .selectTitle{
        margin-bottom: 5px;
    }
    .cart_table tbody tr td.product-quantity {
        left: -30px;
        position: relative;
        top: -34px;
    }
    .product-price{
        display: none;
    }
    #menu_toggle{
        left: -150px;
        right: 100%;
    }
.home2-team-h2box{
    display: none;
}

    .cart_table thead tr th.product-subtotal {
        padding-left: 35px;
    }
    .cart_table tbody tr td.product-subtotal {
        padding-left: 0;
        text-align: right;
    }
    .itemtitle{
        display: none !important;
    }
    .quantityd input[type="text"]{
        padding: 0 18px;
    }
    .shop_table.cart.cart_table .cart_item{
        position: relative;
    }
    .cart_table tbody tr td.product-remove {
        left: 0;
        padding-right: 0;
        position: absolute;
        text-align: left;
    }
    .cart_table tbody tr td.actions .input-text {
        width: 100%;
        border-radius: 30px;
        padding-right: 140px;
    }
    .cart_table tbody tr td.actions .coupon_submit {
        letter-spacing: 0;
        padding: 14px 13px;
        position: absolute;
        right: 0;
    }
    .cart_table thead tr th:first-child {
        padding-left: 6px;
    }
    .cart_table tbody tr td.actions .coupon{
        margin-bottom: 10px;
    }
    .cart_table tbody tr td.actions .pull-right{
        float: left !important;
    }
    .cart_totals table tr th {
        font-size: 13px;
        padding-left: 0;
        width: 95px;
    }
    #shipping_method li label{
        font-size: 14px;
    }
    .bestellingSec .single_product {
        margin-top: 0;
        margin-bottom: 60px;
    }
    .cart_table tbody tr td.product-subtotal{
        letter-spacing: 0;
    }
    .bestellingSec{
        overflow: hidden;
    }
    .cart_table tbody tr td.product-thumbnail img{
        margin-right: 10px;
        width: 80px;
        height: 80px;
    }
    .single_product{
        padding: 26px 15px 14px;
    }



    /**======================== 11. Conatct ========================**/
    .page_title_2 h1{
        font-size: 50px;
        line-height: 60px;
    }
    .contactHeader h1{
        font-size: 30px;
        line-height: 40px;
    }
    .contactForm{
        padding-right: 0;
        margin-bottom: 80px;
    }
    .contactInfo{
        padding-left: 0;
    }
    .singleAddress p{
        margin-bottom:10px;
    }
    .singleAddress{
        margin-bottom: 60px;
    }
    .contactImage img{
        width: 100%;
        height: auto;
    }
    .contacInfoSection{
        padding-bottom: 0;
    }
    .wMSingle {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding: 20px;
        position: relative;
        text-align: center;
    }

    /**======================== 12. Team ========================**/
    .teamtext{
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }
    .teamtext h2 {
        font-size: 25px;
        line-height: 35px;
    }
    .lineBorder{
        top: -40px;
        left: 0;
        right: 0;
        margin: auto;
    }
    .teamFixedImg{
        margin-bottom: 30px;
    }
    .teamSection {
        padding: 120px 0 50px;
    }
    .col-cs-2,
    .col-cs-4{
        width: 100%;
    }
    .singleTwitter {
        margin-left: 20px;
        padding-left: 20px;
        padding-right: 20px;
        position: relative;
    }
    .instSection {
        padding-bottom: 0;
    }
    .singleInst.big img {
        height: auto;
        min-height: 100%;
        width: 100%;
    }

}


/*=======================================================================
// Mobile 361px - 640px
=========================================================================*/
@media(min-width:361px) and (max-width:640px){
    .scrolltoDown{
        top: 240px;
    }
    .sliderSection::after{
        height: 40px;
        bottom: -3%;
    }
    .serviceHead {
        font-size: 20px;
        line-height: 30px;
        top: 75px;
    }
    .serviceDesc {
        bottom: 80px;
        font-size: 18px;
        line-height: 25px;
    }
    .testiMeta::after{
        left: 80px;
    }
}


/*=======================================================================
// Mobile 600px - 640px
=========================================================================*/
@media(min-width:600px) and (max-width:640px){
    .discoverRes img{
        width: 100%;
    }
    .serviceHead {
        font-size: 40px;
        line-height: 50px;
        top: 75px;
    }
    .serviceDesc {
        bottom: 95px;
        font-size: 20px;
        line-height: 30px;
    }
    .folio_hover h1 {
        font-size: 60px;
        line-height: 60px;
    }
}


.h2-title{
    line-height: normal;color: #73bf44;
}