/*
  Theme Name: New Life - Corporate HTML5 Template.
  Theme URL: http://themewar.com/html/newlife
  Author: ThemeWar
  Author URI: http://themewar.com
  Description: New Life - Corporate HTML5 Template.
  Version: 1.0
*/

/*=======================================================================
[Table of contents]
=========================================================================
[01] Dasktop 991px - 1024px
[01] Tab 768px - 990px
[01] Mobile 320px - 767px
[01] Mobile 479px - 640px
[01] Mobile 640px - 766px
[01] Mobile 359px - 600px

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

/*=======================================================================
// Dasktop 991px - 1024px
=========================================================================*/
@media(min-width:991px) and (max-width:1024px){
    .mainNav1 ul li{
        margin-right: 25px;
    }
    .mainNav1{
        padding-left: 170px;
    }
    .headerRight ul li.email{
        padding-right: 0;
    }
    .laptopImg > img {
        width: 100%;
    }
    .laptopImg{
        right: 15px;
    }
    .perfectServices{
        margin: 0;
    }
    .portfolio_nav ul li{
        margin-right: 25px;
    }
    .clientNumber{
        padding-left: 0;
    }
    .priceInnerWrap{
        margin-left: 40px
    }
    .priceInner{
        left: 46px;
        top: 27px;
    }
    .contactLeft{
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    .mainNav2 ul li{
        margin-right: 35px;
    }
    .mainNav2{
        padding-left: 150px;
    }
    .header5.fixedHeader{
        padding: 0;
    }
    .postWrapper.blogTwo{
        margin-bottom: 60px;
    }
    .postWrapper.single_post{
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 60px;
    }
    .portfolio2row{
        padding-left: 15px;
        padding-right: 15px;
    }
    .foliodec {
        padding: 67px 15px 94px 40px;
    }
    .foliodec.right {
        padding: 67px 40px 94px 15px;
    }

}

/*=======================================================================
// Tab 768px - 990px
=========================================================================*/
@media(min-width:768px) and (max-width:990px){
    /**================== Home 1 ======================**/
    .mainNav1 ul li{
        margin-right: 20px;
    }
    .headerRight .email{
        display: none;
    }
    .headerRight ul li{
        margin-right: 15px;
    }
    .mainNav1{
        padding-left: 175px;
    }
    .icon_box{
        margin: auto auto auto 0;
    }
    .about_content {
        padding: 0 15px 100px;
    }
    .perfectServices{
        margin: 0;
    }
    .singleTestmonial{
        padding: 0;
    }
    .portfolio_nav{
        margin-bottom: 40px;
    }
    .clientNumber{
        padding-left: 0;
    }
    .pricingWrapper .noPadding{
        padding: 15px !important;
    }
    .borderLeftTopBottom{
        border-right: thin solid #e3e3e3;
    }
    .testSec{
        margin: 0;
        margin-bottom: 30px;
    }
    .contactSection{
        margin: 0;
    }
    .contactLeft {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    .portfolio_nav ul li{
        margin-right: 15px;
    }
    .mainNav1 ul li{
        margin-right: 20px;
    }
    .mainNav1{
        padding-left: 170px;
    }
    .rev3Cont p{
        top: -70px;
    }
    .rev3Cont h2{
        font-size: 37px;
        position: relative;
        top: -20px;
    }
    .mainNav2{
        padding-left: 170px;
    }
    .mainNav2 ul li{
        margin-right: 20px;
    }
    .header5.fixedHeader{
        padding: 0;
    }
    .emptyDiv{
        height: 0;
    }
    .postWrapper {
        padding-left: 0;
        padding-right: 0;
    }
    .postWrapper.blogTwo{
        margin-bottom: 60px;
    }
    .postWrapper.single_post{
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 60px;
    }
    .portfolio2row{
        padding-left: 15px;
        padding-right: 15px;
    }
    .foliodec {
        padding: 67px 15px 94px 40px;
    }
    .foliodec.right {
        padding: 67px 40px 94px 15px;
    }

    .menuBarCr.W {
        right: 20px;
        top: 8px;
    }
    .menu4 ul li{
        margin-right: 15px;
    }
    .menu4 ul li a{
        font-size: 25px;
    }
}


/*=======================================================================
// Mobile 320px - 767px
=========================================================================*/
@media(min-width:320px) and (max-width:767px){
    /**================== Home 1 ======================**/
    .mainNav1{
        padding-left: 0;
    }
    .mainNav1 ul{
        display: none;
    }
    .headerRight ul li.email{
        display: none;
    }
    .logo{
        padding: 10.3px;
    }
    .headerRight{
        padding: 0;
    }
    .headerRight ul {
        position: relative;
        text-align: right;
        top: -8px;
    }
    #langh1{
        top: 31px;
    }
    .header1.fixedHeader #langh1{
        background: #333;
    }
    .menu1, .menu2, .menu3, .menu4, .menu5 {
        height: 60vh;
        margin-top: 70px;
        overflow: auto;
        padding-top: 0;
        text-align: center;
    }
    .menu1 ul li{
        margin-bottom: 10px;
    }
    .menu1 ul ul.sub-menu li {
        display: block;
        margin-bottom: 0;
        margin-right: 0;
        margin-top: 0;
    }
    .menu1 ul ul.sub-menu li a{
        font-size: 14px;
    }
    .rev1Cont h2{
        font-size: 30px;
        line-height: 36px;
        position: relative;
        top: 30px;
    }
    .rev1Cont h1{
        position: relative;
        top: -50px;
    }
    .rev1Cont .doot_line{
        top: -10px;
        position: relative;
    }
    .rev1Cont .newLife_btn{
        position: relative;
        top: 100px;
    }
    .single_services{
        text-align: center;
        margin-bottom: 60px;
    }
    .icon_box{
        margin: auto auto auto 46px;
    }
    .menuBar{
        right: -15px;
    }
    .laptopImg{
        height: auto;
        position: relative;
    }
    .laptopImg img{
        width: 100%;
        height: auto;
    }
    .abBg{
        width: 100%;
        height: auto;
        margin: 0;
    }
    .about_content{
        padding-left: 15px;
        padding-right: 15px;
    }
    .Ab_iconbox{
        margin-bottom: 30px;
    }
    .perfectServices{
        margin: 0;
    }
    .singleTestmonial{
        padding: 0;
    }
    .testmonialSection::before{
        top: 158px;
        height: 113%;
    }
    .testBtn{}
    .testBtn a{
        margin-right: 0;
        margin-bottom: 10px;
    }
    #perfectCarosel .owl-controls{
        bottom: -30px;
    }
    .portfolio_nav{
        text-align: center;
    }
    .portfolio_nav ul li{
        margin-bottom: 13px;
        margin-right: 20px;
    }
    .portfolio_nav ul li::after{
        bottom: -10px;
    }
    .happyClientInner {
        padding-left: 15px;
        width: 100%;
    }
    .clientNumber{
        padding-left: 0;
    }
    .clientNumber h1{
        display: inline-block;
        position: relative;
    }
    .clientNumber h1::after{
        right: -15px;
    }
    .borderLeftTopBottom{
        border-right: thin solid #e3e3e3;
    }
    .testSec{
        margin-left: 0;
        margin-right: 0;
    }
    .clientCarW{
        padding-top: 65px;
    }
    .contactSection{
        margin: 0;
    }
    .contactLeft{
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .contactInfo h1{
        font-size: 30px;
    }
    .contactInfo h5{
        font-size: 16px;
    }
    .contactRight{
        min-height: 380px;
    }
    .contactInfo{
        margin: 25px 0 0;
    }
    .footerSocial span{
        margin-right: 0;
    }
    .footerSocial ul li a{
        font-size: 35px;
        margin-right: 0;
    }
    .footerSocial ul::before {
        left: 0;
        top: 27px;
        width: 100%;
    }
    .footerSocial span{
        top: -10px;
    }
    .copyrightText p{
        margin: 0 0 36px;
    }
    .services{
        overflow: hidden;
    }
    .menuBarCr{
        top: -15px;
    }

    /**================== Home 2 ======================**/
    .header3 .headerRight {
        padding: 30px 0 0;
        position: absolute;
        right: 15px;
    }
    .header3.fixedHeader{
        min-height: 63px;
    }
    .header3 #langh1{
        top: 36px;
    }
    .rev2Cont h2 {
        font-size: 30px;
        line-height: 32px;
        position: relative;
        top: -70px;
    }
    .rev2Cont p > br{
        display: none;
    }
    .rev2btn .newLife_btn,
    .rev2btn .newLife_btn_nobg{
        padding-left: 20px;
        padding-right: 20px;
    }
    .rev2btn .newLife_btn{
        margin-right: 20px;
    }
    .rev2btn .newLife_btn_nobg,
    .rev2btn .newLife_btn{
        position: relative;
        top: 80px;
    }
    .slider2 .tp-bullets.hidebullets, .slider2 .tp-bullets {
        bottom: 20px !important;
        right: 10px !important;
        width: 75px;
    }
    .rev2Cont p{
        font-size: 14px;
        line-height: 26px;
        position: relative;
        top: 30px;
    }
    .rev2Cont .doot_line{
        position: relative;
        top: -20px;
    }
    .menu2 ul ul.sub-menu li{
        display: block;
        margin: 0;
    }
    .menu2 ul ul.sub-menu li a{
        font-size: 14px;
    }
    /**================== Home 3 ======================**/
    .rev3Cont p {
        font-size: 16px;
        top: -60px;
        line-height: 22px;
        text-align: center;
    }
    .rev3Cont h2{
        font-size: 30px;
        text-align: center;
    }
    .rev3Cont h3 {
        font-size: 23px;
        position: relative;
        text-align: center;
        top: 68px;
    }
    .slider3 .tp-bullets.hidebullets, .slider3 .tp-bullets {
        bottom: 20px !important;
        right: 10px !important;
        width: 75px;
    }
    .menuBarCr.W{
        right: 15px;
        top: 0;
    }
    .menu3{
        text-align: center;
    }
    .menu3 ul li {
        display: block;
        margin-right: 0;
    }
    .menu3 ul ul.sub-menu li{
        margin: 0;
    }
    .menu3 ul ul.sub-menu{
        position: relative;
        margin: 0;
        margin-bottom: 10px;
    }
    .menu3 ul ul.sub-menu li a{
        font-size: 14px;
    }
    /**================== Home 4 ======================**/
    .mainNav2 ul{
        display: none;
    }
    .header4{
        padding: 10px 0;
    }
    .rev4Cont h2{
        position: relative;
        top: -115px;
    }
    .rev4Cont h1{
        position: relative;
        top: -30px;
    }
    .rev4Cont .doot_line {
        position: relative;
        top: -80px;
    }
    .rev4Cont a.newLife_btn{
        position: relative;
        top: 50px;
    }
    .slider4 .tp-bullets.hidebullets, .slider4 .tp-bullets {
        bottom: 10px !important;
        right: 15px !important;
        width: 74px;
    }
    .rev4Cont > h2:before{
        display: none;
    }
    .menu4 ul li{
        display: block;
        margin: 0;
    }
    .menu4 ul ul.sub-menu {
        margin-top: 10px;
        position: relative;
        width: 101vw;
    }
    .menu4 ul ul.sub-menu li{
        display: block;
    }

    /**================== Home 5 ======================**/
    .header5 .headerRight{
        padding: 7px 0 0;
    }
    .header5.fixedHeader {
        min-height: 65px;
    }
    .rev5Cont h2{
        position: relative;
        right: 3px;
    }
    .menu5 ul ul.sub-menu li {
        display: block;
        margin-bottom: 0;
        margin-right: 0;
        margin-top: 0;
    }
    .menu5 ul ul.sub-menu {
        margin: 5px 0 15px;
    }


    /**================== Blog ======================**/
    .header2.fixedHeader #langh1{
        background: #333;
    }
    .postWrapper {
        padding-left: 0;
        padding-right: 0;
    }
    .postSlider.owl-theme .owl-controls{
        bottom: 5px;
    }
    blockquote{
        padding: 20px 5px;
    }
    .postWrapper{
        margin-bottom: 60px;
    }
    /**================== Blog single ======================**/
    .postWrapper.single_post{
        padding-left: 15px;
        padding-right: 15px;
    }
    .postTags{
        text-align: left;
    }
    .postTags a {
        margin-right: 5px;
        padding: 4px 9px;
    }
    .singleComments{
        padding-left: 0;
    }
    .singleComments img{
        position: relative;
        margin-bottom: 20px;
    }
    ol.commentsList li ul.children li{
        margin-left: 0;
    }
    .blogPostHeader{
        min-height: 65px;
    }
    .blogPostHeader .headerRight {
        padding: 5px 0;
    }

    /**================== Blog2 ======================**/
    .logo2 {
        display: inline-block;
        left: 15px;
        position: absolute;
        top: 18px;
        z-index: 2;
    }
    .postWrapper.blogTwo [class*="col-"]{
        padding-left: 0;
        padding-right: 0;
    }

    /**================== Folio ======================**/
    .nomenu {
        min-height: 65px;
        padding-bottom: 0;
    }
    .nomenu .headerRight{
        padding: 30px 0 0;
    }

    /**================== Folio2 ======================**/
    .portfolio2row{
        padding: 0;
    }
    .portfolio2_page{
        margin-bottom: 30px;
    }
    .foliodec,
    .foliodec.right{
        padding: 30px;
        text-align: center;
    }
}


/*=======================================================================
// Mobile 479px - 640px
=========================================================================*/
@media (min-width: 479px) and (max-width:640px){
    .rev1Cont h1{
        top: 0;
    }
    .rev1Cont .newLife_btn{
        top: 40px;
    }
    .rev1Cont .doot_line{
        top: 20px;
    }
    .icon_box {
        margin: auto auto auto 131px;
    }
    #perfectCarosel::after{
        min-height: 213px;
    }
    .testmonialSection::before{
        height: 116%;
    }
    .pricingTableBody{
        text-align: center;
    }
    .priceInnerWrap{
        margin-left: 140px;
        margin-bottom: 30px;
    }
    .priceInner {
        top: -48px;
        left: 0;
        right: 0;
        margin: auto;
    }
    .rev2Cont h2{
        top: 0;
    }
    .rev2Cont .doot_line{
        top: 20px;
    }
    .rev2btn .newLife_btn_nobg, .rev2btn .newLife_btn {
        position: relative;
        top: 40px;
    }
    .rev4Cont h2 {
        position: relative;
        top: -50px;
    }
    .rev4Cont .doot_line {
        top: -30px;
    }
    .rev4Cont h1 > br{
        display: none; 
    }
    .rev4Cont a.newLife_btn{
        position: relative;
        top: 20px;
    }

}


/*=======================================================================
// Mobile 640px - 766px
=========================================================================*/
@media (min-width: 640px) and (max-width:766px){
    .priceInnerWrap{
        margin-left: 220px;
    }
    .rev5Cont h3{
        position: relative;
        top: 20px;
    }
    .rev5Cont p{
        top: -10px;
    }
    .icon_box {
        margin: auto auto auto 210px;
    }
}


/*=======================================================================
// Mobile 359px - 600px
=========================================================================*/
@media (min-width: 340px) and (max-width:600px){
    .priceInnerWrap{
        margin-left: 75px;
    }
    .priceInner{
        left: 79px;
    }
    .icon_box {
        margin: auto auto auto 70px;
    }


}