/*
  Theme Name: Bespoke - Creative One Page HTML5 Template 
  Theme URL: http://nasfactor.com/themes/bespoke/
  Author: nasirwd
  Author URI: http://nasfactor.com/
  Description: Bespoke - Creative One Page HTML5 Template 
  Version: 1.0
*/

/*=======================================================================
[Table of contents]
=========================================================================
[01] HEADER


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

@media(min-width: 1460px){
    .mainMenu ul li:hover ul.sub-menu{
        top: 55px;
    } 
}


@media (max-width:1440px) {
.parTwoContent p, .widthhhh p {
    font-size: 16px;
    line-height: 28px;

}


.container {
        width: 100%;
    }

*:focus{
    outline: none;
}
}



@media(min-width: 1280px) and (max-width:1441px){
    .mainMenu ul li{
        margin-right: 25px;
    }
    .mainMenu ul li a,
    .callus p{
        letter-spacing: 1px;
        font-size: 13px;
    }
   
    .abBigtitle h1.lead{
        position: absolute;
        top: -110px;
        font-size: 112px;
    }

    .testmonial {
        margin-left: 50px;
        margin-top: 90px;
        position: relative;
    }
    .testmonial::before {
        background: #fd0060;
        left: -174px;
        width: 150px;
    }
    .singleWork{
        margin: 0 15px;
    }
    #workCarousel .slick-prev{
        left: 80px;
    }
    #workCarousel .slick-next{
        right: 80px;
    }

    .chooseUsContent {
        padding-right: 0;
    }
    .textWidget {
        padding-right: 0;
    }
    .newsletterwid{
        padding-left: 0;
    }
    .fooInfo p{
        letter-spacing: 2px;
        display: block;
    }
    .blogDec {
        padding: 61px 30px 45px 41px;
    }
    .bperaDiv {
        min-height: 217px;
    }
    .wdContent{
        padding: 0 100px;
    }
    .rewdContent {
        padding: 135px 70px 0;
        text-align: center;
    }
    .journalImg img{
        width: auto;
        height: 100%;
    }
    .chooseUsContent.home_page3{
        padding-top: 100px
    }
    .parTwoContent {
        height: 540px;
        padding: 62px 50px;
    }
    .parallaxThreeCon h2{
        font-size: 60px;
        line-height: 70px;
    }
    .parallaxThreeCon h1{
        font-size: 90px;
        line-height: 100px;
    }
    .parTwoContent h2 {
    margin-bottom: 7px;
    font-size: 16px;
    line-height: 27px;
    }

/*  */
      h1.lead {
        font-size: 76px;
        line-height: 110px;
    }

    .parTwoContent {
        width: 68%;
        padding: 58px 38px;
    }

    .parTwoContent h1 {
        font-size: 86px;
        line-height: 93px;
        padding-left: 3rem;
    }

}





@media(min-width: 990px) and (max-width: 1280px){
    .logo{
        top: 0;
    }
    .header{
        padding: 37px 30px 23px;
    }
    .isSticky.fixedHeader{
        padding: 25px 15px 18px;
    }
    .mainMenu ul li a{
        letter-spacing: 0;
        font-size: 13px;
    }
    .mainMenu ul li{
        margin-right: 20px;
    }
    .col-md-2.md_class{
        padding-left: 0;
    }
    .callus p{
        font-size: 13px;
        letter-spacing: 0;
    }
    .abBigtitle h1.lead {
        font-size: 85px;
        top: -95px;
    }
    .testmonial {
        margin-left: 0;
        margin-top: 50px;
    }
    .chooseUsContent {
        padding-right: 0;
    }
    .contactForm {
        padding: 0 100px;
    }
    .textWidget {
        padding-right: 0;
    }
    .epr200{
        padding-right: 0;
    }
    .singleBlog2.bigpost .blogTitle a {
        font-size: 26px;
        font-weight: 500;
        line-height: 36px;
    }
    .header.workDetail {
        padding: 21px 15px 31px;
    }
    .workDetail.isSticky.fixedHeader {
        padding: 21px 15px;
    }
    .nexprevPagination{
        padding-left: 50px;
        padding-right: 50px;
    }
    .parallaxThreeCon {
        padding: 0 50px;
    }
    .parallaxThreeCon h2 {
        font-size: 35px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .parallaxThreeCon h1 {
        font-size: 60px;
        line-height: 50px;
    }
    .signatureandname h4,
    .signatureandname img{
        float: none;
    }
    .parTwoContent h1{
        font-size: 100px;
        line-height: 100px
    }
    .typewrite > .wrap::after{
        height: 62px;
        
    }

/*  */
      h1.lead {
        font-size: 58px;
        line-height: 64px;
    }

    h2.lead {
    font-size: 4rem;
    line-height: 6rem;
    }

}

@media (min-width: 1023px) and (max-width: 1279px) {


.revCon.home_page2 {
   padding: 15rem;
}

h2.lead {
    font-size: 5rem;
    }


    h1.lead {
        font-size: 58px;
        line-height: 64px;
    }
    
    h6.lead {
        font-size: 20px;
        letter-spacing: 0px;
        line-height: 32px;
        padding: 0px 14rem;
    }


    .parTwoContent {
        width: 79%;
        padding: 29px 33px;
    }

    .parTwoContent h2 {
        margin-bottom: 2px;
    }

    .parTwoContent h1 {
        left: -26px;
    }


    .fixednavHeader li a {
        font-size: 18px;
    }


}


@media (max-width: 1024px) {


    .parTwoContent h2 {
        margin-bottom: 5px;
    }

    h1.lead {
            font-size: 3.5rem;
            line-height: 0px;
    }
    
    h6.lead {
        font-size: 20px;
        letter-spacing: 0px;
        line-height: 32px;
        padding: 0px 14rem;
    }

    .fixednavHeader li a {
        font-size: 19px;
    }


    .parTwoContent {
    
        width: 74%;
        padding: 20px 34px;
    }


    .parTwoContent p {
        font-size: 16px;
        line-height: 33px;
        letter-spacing: 1px;
        font-weight: 600;
    }


    .parTwoContent h1 {
        font-size: 100px;
        left: -26px;
    }


    .parTwoContent h2 {
        margin-bottom: 0px;
    }


    .fixednavHeader li a {
        padding-right: 10px;
    }

}

@media(min-width:769px) and (max-width: 990px){


.revCon.home_page2 {
    padding: 3rem;
}

    .header{
        padding: 37px 15px 23px;
    }
    .mainMenu ul li a{
        letter-spacing: 0;
    }
    .logo img{
        width: 100%;
        height: auto;
    }
    .mainMenu ul li{
        margin-right: 18px;
    }
    .header.fixedHeader{
        padding: 25px 15px 18px;
    }
    .logo {
        position: relative;
        top: 0;
    }
    .revCon h2.lead{
        text-align: center;
        font-size: 4rem;
        line-height: 48px;
    }
    .revCon h5 {
        position: relative;
        top: -80px;
    }
    .revCon.revBtn {
        position: relative;
        top: 30px;
    }
    .abBigtitle h1.lead {
        font-size: 63px;
        top: -94px;
    }
    .singleService{
        margin-left: 0;
        margin-right: 0;
    }
    .serImg{
        width: 130px;
        height: 130px;
    }
    .epr200 {
        padding-right: 0;
    }
    .testmonial {
        margin-left: 0;
        margin-top: 75px;
    }
    .col-sm-3.sm_class {
        padding: 0 !important;
    }
    .teamBig {
        padding-top: 100px;
    }
    .sectionTitle p{
        padding: 0;
    }
    .singleWork img {
        height: 60vh;
        width: auto;
    }
    #workCarousel .slick-next {
        right: 70px;
    }
    #workCarousel .slick-prev {
        left: 70px;
    }
    .chooseUsImg {
        margin-top: 0;
    }
    #testmonialCaro{
        width: 100%;
    }
    .blogDec {
        padding: 40px 10px 35px 10px;
    }
    .saypaddingl{
        padding-left: 30px;
    }
    .saypaddingR {
        padding-right: 30px;
    }
    .contactForm {
        padding: 0 50px;
    }
    .textWidget {
        padding-right: 0;
    }
    .footer {
        padding: 72px 15px 55px;
    }
    .newsletter input[type="email"]{
        font-size: 14px;
    }
    .chooseUsContent {
        padding-right: 0;
    }
    .single_folio .folio_hover2 h3{
        font-size: 30px;
        line-height: 30px;
    }
    .single_folio .folio_hover2 h6{
        font-size: 12px;
        line-height: 1;
        letter-spacing: 1px;
    }
    .blogDec {
        padding: 61px 25px 45px;
    }
    .singleBlog2.bigpost .blogDec {
        padding: 61px 25px 45px;
    }
    .singleBlog2.bigpost .blogTitle a {
        font-size: 26px;
        font-weight: 500;
        line-height: 36px;
    }
    .header.workDetail {
        padding: 21px 15px 31px;
        position: relative;
    }
    .workDetail.isSticky.fixedHeader {
        padding: 21px 15px;
        position: fixed;
    }
    .workMeta p{
        font-size: 18px;
        line-height: 26px;
    }
    .workMetas .bes_button3{
        margin-right: 0;
        padding: 0 40px;
    }
    .wdContent{
        padding: 0 50px;
    }
    .rewdContent {
        padding: 60px 50px;
        text-align: center;
    }
    .newsletterwid{
        padding-left: 0;
    }
    .nexprevPagination{
        padding-left: 50px;
        padding-right: 50px;
    }
    .paginationnp h1{
        font-size: 20px;
        line-height: 26px;
    }
    .paginationnp{
        padding-left: 210px;
    }
    .paginationnp.right{
        padding-right: 210px;
    }
    .contactForm.noPaddingLeft.noPaddingRight{
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    .parallaxThreeCon {
        padding: 0 50px;
    }
    .parallaxThreeCon h2 {
        font-size: 35px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .parallaxThreeCon h1 {
        font-size: 60px;
        line-height: 50px;
    }
    .signatureandname h4,
    .signatureandname img{
        float: none;
    }
 
    .typewrite > .wrap::after{
        height: 62px;
    }
    .mainMenu ul ul.sub-menu{
        width: 180px;
    }
    .typewrite > .wrap::after{
        height: 30px;
        top:20px;
    }


 h1.lead {
        font-size: 31px;
        line-height: 20px;
    }

}


@media (max-width: 768px) {

    .typewrite > .wrap::after{
        height: 40px;
        top:20px;
    }


   nav.mainMenu_home3 li {
    display: inline-block;
    width: 30%;
    text-align: center;
}


    .mainMenu_home3 ul li.top {

    width: 100%;
    text-align: center;
}


    .header {
        background:#ffffff;
        padding: 1rem;
    }

    .parTwoContent {
  
        width: 83%;
        padding: 20px 34px;
    }

    .parTwoContent h1 {
        font-size: 53px;
        left: -11px;
        line-height: 50px;
    }

    .parallaxThreeCon {
        padding: 0 39px;
    }

    .widthhhh p {
        padding: 10px 12rem;
    }
      
    .parTwoContent p {
        line-height: 30px;
        font-weight: 400;
    }

    .parallaxThreeCon p {
        font-size: 16px;
        line-height: 27px;
    }
    h3 {
     line-height: 37px;
    letter-spacing: 0px;

    }

h2.lead {
    font-size: 4rem;
}




}


@media(min-width: 428px) and (max-width: 767px){


    .mainMenu_home3 ul li.top {
    width: 100%;
    text-align: center;
}

.isSticky.fixedHeader {
    padding-left:0px ;
    padding-right: 0;
}


    .fixednavHeader.hidden-xs ul li.top,.mainMenu_home3 ul li.top {
        width: 100%;
    }
    
    .fixednavHeader.hidden-xs ul li,nav.mainMenu_home3 li  {
        display: inline-block;
        text-align: center;
        width: 30%;
    }

    .isSticky.fixedHeader {
        padding: 25px 13px 18px;
    }

h2.lead {
    font-size: 3rem;
    line-height: 6rem;
    }
    
    .parTwoContent {
      
        width: 96%;
    }

    h1.lead {
    font-size: 3rem;
    line-height: 0px;
    }

    .parallaxThreeCon p {
        line-height: 46px;
    }

    .showit {
        bottom: 123px;
        right: 53px;
    }

    .widthhhh p, .parTwoContent p, {
        font-size: 16px;
        line-height: 30px !important;
    }

    .widthhhh p {
        padding: 10px 3rem;}



        

}




@media (max-width:414px) {


    .widthhhh p {
        padding: 32px;
    }



    .fixednavHeader.hidden-xs ul li.top,.mainMenu_home3 ul li.top{
        width: 100%;
    }

    .fixednavHeader.hidden-xs ul li,.mainMenu_home3 ul li{
        display: inline-block;
        text-align: center;
        width: 30%;
    }


    .typewrite > .wrap:after{
        top: 20px;
        height: 30px;
    }



h1.lead {
    font-size: 57px;
    letter-spacing: 0;
    line-height: 65px;
}

h2 {
    font-size: 22px;
    line-height: 23px;
}

.isSticky.fixedHeader {
    padding: 25px 12px 18px;
    background: #f1f1f1;
    }

.header {
        background: #f1f1f1;
        }


.parTwoContent h1 {
        font-size: 58px;
        line-height: 45px;
        left: -20px;
        
    }

.parTwoContent h2 {
        margin-bottom: 15px;
    }



h6.lead {
        font-size: 16px;
        letter-spacing: 3px;
        line-height: 30px;
        padding: 0px 1rem !important;
    }

    .parallaxThreeCon {
        padding: 0 40px;
    }

    .parTwoContent h1 {
        font-size: 53px;
        line-height: 33px;
        left: -10px;
    }


    .parTwoContent {

        width: 93%;
        padding: 50px 20px;
    }

    .widthhhh p,.parTwoContent p,.parallaxThreeCon p {
        color: #fff;
        font-size: 14px;
        line-height: 27px;
    }

    .showit {
        right: 20px;
        bottom: 19px;
        }


}


@media (max-width: 375px) {

.parTwoContent h3 {
    font-size: 2rem;
    line-height: 5rem;
}


    .parTwoContent {
    
        width: 95%;
        padding: 14px;
    
}

    h2.lead {
        font-size: 3rem;
        line-height: 4rem;
    }


    h1.lead {
        font-size: 28px;
        line-height: 9px;
    }

    h2 {
        font-size: 16px;
        line-height: 10px;
    }
    .parTwoContent h1 {
        font-size: 43px;}


    .widthhhh p, .parTwoContent p, .parallaxThreeCon p {
            font-size: 14px;
            }


}



@media (max-width: 360px) {

    .widthhhh p, .parTwoContent p, .parallaxThreeCon p {
        line-height: 25px;
    }


}





@media (min-width:320px) and (max-width:359px) {

    body {
        font-size: 14px;
    }

    .widthhhh p {
        padding: 0px 14px;
    }

    h1.lead {
        font-size: 24px;
    }

    .widthhhh p, .parTwoContent p, .parallaxThreeCon p {
        line-height: 20px;
        letter-spacing: 0.3px;
    }

    .isSticky.fixedHeader {
        padding: 0px 12px;
    }

    .parTwoContent {
        height: 555px;
    }



}