/*
 Theme Name: Bespoke - Creative One Page  WordPress Theme
 Theme URL: http://themewar.com/wp/bespoke/
 Author: nasirwd
 Author URI: http://themewar.com/
 Description: Bespoke - Creative One Page WordPress Theme
 Version: 1.0
*/

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

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

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

@media(min-width: 1280px) and (max-width:1440px){
    .header1_n1{
        padding: 0 45px;
    }
    .menu2{
        padding-top: 50px;
    }
    .mainMenu ul li{
        margin-right: 25px;
    }
    .mainNav1_n1 ul li{
        margin-right: 15px;
    }
    .mainNav1_n1 ul li:last-child{
        margin-right: 0;
    }
    .mainMenu ul li a,
    .callus p{
        letter-spacing: 1px;
        font-size: 13px;
    }
    h1.lead{
        font-size: 113px;
    }
    .abBigtitle h1.lead{
        position: absolute;
        top: -110px;
        font-size: 112px;
    }

    .singleTestm {
        margin-left: 50px;
        margin-top: 90px;
        position: relative;
    }
    .singleTestm::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: 51px 30px 45px 41px;
    }
    .bigpost .blogDec p:last-of-type{
        margin-bottom: 39px;
    }
    /*
    Enable After Approved
    .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: 0
    }
    .parTwoContent {
        height: 540px;
        padding: 62px 50px;
    }
    .parallaxThreeCon h2{
        font-size: 60px;
        line-height: 70px;
    }
    .parallaxThreeCon h1{
        font-size: 90px;
        line-height: 100px;
    }
}

@media(min-width: 768px) and (max-width: 989px){
    .header1_n1{
        padding: 0 15px;
    }
    .header{
        padding: 37px 15px 23px;
    }

    .mobileBar{
        cursor: pointer;
        height: 12px;
        position: relative;
        right: -15px;
        top: 0;
        width: 24px;
        float: right;
        margin: 12px 0 12px;
    }
    .mobileBar span{
        width: 100%;
        height: 2px;
        display: block;
        background: #fff;
        margin-bottom: 3px;
    }
    .mobileBar.black span, 
    .fixedHeader .mobileBar span{
        background: #000;
    }
    .mobileBar:hover span, 
    .mobileBar.black:hover span, 
    .mobileBar.black.active span, 
    .fixedHeader .mobileBar:hover span, 
    .fixedHeader .mobileBar.active span{
        background: #fd0060;
    }
    .mainMenu ul {
        background: #fff;
        height: 300px;
        left: auto;
        right: -15px;
        margin: 0;
        overflow-x: scroll;
        padding: 0;
        position: absolute;
        width: 100vw;
        top: 59px;
        border-top: 1px solid #f3f3f3;
        display: none;
    }
    .fixedHeader .mainMenu > ul{
        top: 54px;
    }
    .mainMenu ul li {
        display: block;
        margin-right: 0;
        position: relative;
        text-align: center;
        padding: 15px 0;
    }
    .mainMenu ul li a{
        color: #1D1D1D;
        display: block;
    }
    .mainMenu ul ul.sub-menu {
        background: #fff;
        box-shadow: none;
        position: relative;
        top: 0;
        transition: none;
        width: 100%;
        height: auto;
        right: auto;
    }
    .mainMenu ul ul.sub-menu:before{
        display: none;
    }
    .mainMenu ul li{
        border-bottom: 1px solid #f3f3f3;
    }
    .mainMenu ul ul.sub-menu li > ul.sub-menu,
    .mainMenu ul li > ul.sub-menu{
        visibility: visible;
        opacity: 1;
        top: 14px;
        position: relative;
    }
    .mainMenu ul ul.sub-menu li:hover > ul.sub-menu,
    .mainMenu ul li:hover > ul.sub-menu {
        visibility: visible; 
        opacity: 1; 
        top: auto; 
    }
    .mainMenu ul ul.sub-menu li:hover > ul.sub-menu,
    .mainMenu ul li:hover > ul.sub-menu,
    .mainMenu ul ul.sub-menu li.active > ul.sub-menu,
    .mainMenu ul li.active > ul.sub-menu {
        top: 14px;
    }
    .mainMenu ul ul.sub-menu li ul.sub-menu{
        left: auto;
        top: 0;
        position: relative;
        box-shadow: none;
    }


    .logo img{
        width: 100%;
        height: auto;
    }
    /*    .mainMenu ul li{
            margin-right: 20px;
        }
        .mainMenu ul ul.sub-menu{
            width: 180px;
        }
        .mainMenu ul ul.sub-menu li ul.sub-menu{
            left: auto;
            right: 100%;
        }*/
    .header.fixedHeader{
        padding: 25px 15px 18px;
    }
    .logo {
        position: relative;
        top: 0;
    }
    .logo h1{
        margin: 7px 0;
    }
    .revCon h2.lead{
        text-align: center;
    }
    .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;
    }
    .singleTestm {
        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: 36px;
    }
    .single_folio .folio_hover2 h6{
        font-size: 12px;
        line-height: 1;
        letter-spacing: 1px;
    }
    .blogDec {
        padding: 51px 25px 45px;
    }
    .singleBlog2.bigpost .blogDec {
        padding: 51px 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: 30px;
        padding-right: 30px;
    }
    .paginationnp h1{
        font-size: 18px;
        line-height: 26px;
    }
    .paginationnp{
        padding-left: 210px;
        padding-top: 10px;
    }
    .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;
    }
    .parTwoContent h1{
        font-size: 90px;
        line-height: 90px
    }
    .typewrite > .wrap::after{
        height: 62px;
    }
    .singleTestm > p{
        font-size: 27px;
        line-height: 40px;
    }
    .singleTeam{
        margin-bottom: 30px;
    }
    .singleSay{
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
    .singleService{
        margin-bottom: 120px;
    }
    /*==  Mosharof Css ===*/
    h3.lead br{
        display: none;
    }
    .imagesDiv{
        margin-top: 0 !important;
    }
    body .commonBlock br{
        display: none;
    }
    .wedoContent h2{
        font-size: 60px;
        line-height: 70px;
    }
    .bes_button2,
    .bes_button{
        margin-top: 0 !important;
    }
    .folio_hover2{
        padding-left: 15px;
    }
    .workTag a, .workTag{
        letter-spacing: 1px;
    }
    .workTag a {
        margin-left: 5px;
        margin-right: 5px;
    }
    .blogConLeft{
        padding-right: 15px;
    }
    .blogConRight {
        padding-left: 15px;
    }
    .blogLoadmore{
        margin-bottom: 30px;
    }
    .blogDec{
        padding-left: 15px;
        padding-right: 15px;
    }
    .blogTitle a,
    .blogTitle h2{
        font-size: 20px;
        line-height: 30px;
    }
    .blogDec p{
        line-height: 30px;
    }

    .commonBlock{
        padding-left: 0 !important;;
        padding-right: 0 !important;;
    }
    .wwa_noPadding{
        padding-right: 15px !important;
    }
    .blogTitle{
        min-height: auto;
        line-height: 30px;
    }
    .journal_content div{
        max-width: 100%;
    }
    .journalImg{
        margin-right: 0;
        margin-bottom: 20px;
    }
    .journalImgRela{
        margin-right: 0;
    }
    .journal_content{
        padding-bottom: 0;
    }
    .singleBlog2.bigpost .bperaDiv {
        min-height: 182px;
    }
    .bigpost .blogDec .bperaDiv p{
        margin-bottom: 97px;
    }
    .navigation.pagination{
        margin-bottom: 30px;
    }
    .commentList ol li ul.children{
        padding-left: 50px;
        margin-bottom: 15px;
    }
    .singleCom{
        padding-left: 100px;
    }
    .singleCom img{
        width: 90px;
        height: 90px;
    }
    .commentTitle{
        margin-top: 15px;
    }
    .wdhContent h3{
        word-break: break-all;
    }
}

@media(min-width: 990px) and (max-width: 1280px){
    .logo{
        top: 0;
    }
    .header{
        padding: 37px 40px 23px;
    }
    .header1_n1{
        padding: 0 15px;
    }
    .isSticky.fixedHeader{
        padding: 25px 15px 18px;
    }
    .mainMenu ul li a{
        letter-spacing: 0;
        font-size: 13px;
    }
    .mainMenu ul li{
        margin-right: 25px;
    }
    .mainMenu ul ul.sub-menu li ul.sub-menu{
        left: auto;
        right: 100%;
    }
    .mainNav1_n1{
        padding-left: 170px;
    }
    .mainNav1_n1 ul li{
        margin-right: 10px;
    }
    .mainNav1_n1 ul li:last-child{
        margin-right: 0;
    }
    .mainNav1_n1 ul li ul.sub-menu{
        width: auto;
        min-width: 180px;
        margin-left: -85px;
    }
    .header1_n1 .headerRight_n1 ul li.email_n1{
        display: none;
    }
    .header1_n1 .headerRight_n1{
        padding-top: 26px;
    }
    .menu2{
        padding-top: 50px;
        padding-left: 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;
    }
    .singleTestm {
        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 40px 31px;
    }
    .workDetail.isSticky.fixedHeader {
        padding: 21px 15px;
    }
    .nexprevPagination{
        padding-left: 50px;
        padding-right: 50px;
    }
    .paginationnp{
        padding-top: 10px;
        padding-left: 220px;
    }
    .paginationnp h1{
        font-size: 27px;
    }
    .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;
    }
    .singleSay{
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
    /*==  Mosharof Css ===*/
    .testmonialCaro{
        width: auto;
    }
    .singleService{
        margin-bottom: 100px;
    }
    .bes_button2,
    .bes_button{
        margin-top: 0 !important;
    }
    .commonBlock br,
    h3.lead br{
        display: none;
    }
    .imagesDiv{
        margin-top: 0 !important;
    }
    .teamBig{
        padding-top: 100px;
    }
    .singleTestm > p{
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .folio_hover2 h3.lead{
        font-size: 40px;
        line-height: 50px;
    }
    .workTag a, .workTag{
        letter-spacing: 4px;
    }
    .workTag a {
        margin-left: 5px;
        margin-right: 5px;
    }
    .commonBlock {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .blogConLeft{
        padding-right: 15px;
    }
    .blogConRight {
        padding-left: 15px;
    }
    .blogLoadmore{
        margin-bottom: 30px;
    }
    .blogDec{
        padding: 51px 30px 45px;
    }
    .blogTitle,
    .blogTitle a{
        font-size: 20px;
        line-height: 30px;
        min-height: auto;
    }
    .bperaDiv p{
        line-height: 30px;
    }
    .wwa_noPadding{
        padding-right: 15px !important;
    }
    .bes_button3{
        margin-right: 0;
        padding: 0 50px;
    }
    .wdContent{
        padding: 0 50px;
    }
    .rewdContent {
        padding: 60px 50px;
        text-align: center;
    }
    .wdFeactureImage{
        height: 100vh !important;
    }
    .journal_content img, .journal_content div{
        max-width: none;
    }
    .journalImg{
        margin-right: 0;
        margin-bottom: 20px;
    }
    .journal_content{
        padding-bottom: 0;
    }
    .navigation.pagination{
        margin-bottom: 30px;
    }
    .commentList ol li ul.children{
        padding-left: 70px;
        margin-bottom: 20px;
    }
    .commentTitle{
        margin-top: 30px;
    }
    .singleBlog2.bigpost .bperaDiv {
        min-height: 182px;
    }
    .bigpost .blogDec .bperaDiv p{
        margin-bottom: 127px;
    }
}
@media(min-width: 1200px) and (max-width: 1280px){
    .bigpost .blogDec .bperaDiv p{
        margin-bottom: 9px;
    }
}

@media(min-width: 768px) and (max-width: 991px){
    .menuBarnav1_n2{
        display: block;
        float: right;
        top: 5px;
    }
    .mainNav1_n1 ul{
        display: none;
        background: #000;
        height: 300px;
        left: 0;
        margin: 0;
        overflow-x: scroll;
        padding: 0 0 0 15px;
        position: absolute;
        width: 100%;
        top: 70px;
    }
    .mainNav1_n1 ul li ul.sub-menu{
        width: 100%;
        left: auto;
        margin: 20px 0 0;
        padding-right: 15px;
        height: auto;
        text-align: left;
        visibility: visible;
        opacity: 1;
        padding-left: 0;
    }
    .mainNav1_n1 ul li ul.sub-menu li:first-child{
        border-top: 1px solid rgba(255, 255, 255, .15);
    }
    .mainNav1_n1 ul li:hover ul.sub-menu {
        visibility: visible;
        opacity: 1;
        top: auto;
    }
    .mainNav1_n1 ul li{
        display: block;
        padding: 20px 0;
        margin-right: 15px;
        border-bottom: 1px solid rgba(255, 255, 255, .15);
    }
    .headerRight_n1{
        display: none;
    }
    .header1_n1_inner .mainNav1_n1 ul li a {
        color: #fff; 
    }
    .header1_n1_inner .mainNav1_n1 ul li:hover a {
        color: #fd0060; 
    }
}

@media(min-width: 320px) and (max-width: 767px){
    .logo{
        max-width: 200px;
    }
    .logo img{
        max-width: 100%;
        height: auto;
    }
    .header1_n1{
        padding: 0;
    }
    .logged-in .header1_n1.fixedHeader_n1,
    .logged-in .header3_n2.fixedHeader_n2,
    .logged-in .menustyle2.fixedMenuStyle{
        top: 0;
    }
    .headerRight_n2 .email_n2,
    .headerRight_n2 .social_iconas{
        display: none;
    }
    .header3_n2 .logo2_n2{
        position: absolute;
        left: 0;
        padding-left: 15px;
    }
    .stickyLogo_n2, .logom{
        padding-left: 15px;
    }
    .headerRight_n2 ul li{
        margin-right: 0;
    }
    .menustyle2{
        height: auto;
        min-height: 100vh;
    }
    .menuBarCr{
        top: -20px;
        right: 15px;
        z-index: 99;
    }
    .menu2{
        padding-top: 30px;
    }
    .menu2 ul li{
        margin-bottom: 5px;
    }
    .menu2 ul li a{
        font-size: 16px;
    }
    .menu2 ul ul.sub-menu{
        padding-left: 15px;
    }
    .menu2 ul ul.sub-menu li{
        margin-right: 20px;
        margin-top: 0;
    }
    .menu2 ul ul.sub-menu li a{
        font-size: 14px;
    }
    .mainNav1_n1{
        padding-left: 0;
    }
    .mainNav1_n1 ul li ul.sub-menu li a,
    .header1_n1_inner .mainNav1_n1 ul li a {
        color: #fff; 
    }
    .menuBarnav1_n2{
        display: block;
        float: right;
        top: 5px;
    }
    .mainNav1_n1 ul{
        display: none;
        background: #000;
        height: 300px;
        left: 0;
        margin: 0;
        overflow-x: scroll;
        padding: 0 0 0 15px;
        position: absolute;
        width: 100%;
        top: 70px;
    }
    .mainNav1_n1 ul li ul.sub-menu{
        width: 100%;
        left: auto;
        margin: 20px 0 0;
        height: auto;
        text-align: left;
        visibility: visible;
        opacity: 1;
        padding-left: 0;
        top: auto;
    }
    .mainNav1_n1 ul li ul.sub-menu li:first-child{
        border-top: 1px solid rgba(255, 255, 255, .15);
    }
    .mainNav1_n1 ul li:hover ul.sub-menu {
        visibility: visible;
        opacity: 1;
        top: auto;
    }
    .mainNav1_n1 ul li{
        display: block;
        padding: 20px 0;
        margin-right: 15px;
        border-bottom: 1px solid rgba(255, 255, 255, .15);
    }
    .headerRight_n1{
        display: none;
    }

    .header,
    .isSticky.fixedHeader{
        padding: 20px 15px;
    }
    .callus{
        display: none;
    }
    .mobileBar,
    .mobileBar2{
        cursor: pointer;
        height: 20px;
        position: absolute;
        right: 0;
        top: -30px;
        width: 24px;
    }
    .mobileBar span,
    .mobileBar2 span{
        width: 100%;
        height: 2px;
        display: block;
        background: #fff;
        margin-bottom: 3px;
    }
    .mobileBar.black span,
    .mobileBar2.black span{
        background: #000;
    }
    .photographymenu span{
        background: #fd0060;
    }
    .header.workDetail .logo{
        position: relative;
        left: 0;
    }
    .logo h1{
        line-height: normal;
    }
    .revCon{
        text-align: center;
        width: 100vw;
        padding: 0 15px;
    }
    .revCon h2.lead{
        font-size: 45px;
        line-height: 45px;
    }
    .revCon h5{
        margin-top: -90px;
        letter-spacing: 1px;
    }
    .revCon.revBtn .bes_button{
        margin-top: 70px;
    }
    .revCon.revBtn .bes_button,
    .revCon.revBtn.home_page2 .bes_button2,
    .wedoContent .bes_button2,
    .bes_button4{
        letter-spacing: 1.8px;
        padding: 0 20px;
    }
    .revCon.revBtn.home_page2 .bes_button2{
        top: 40px;
        position: relative;
    }
    .custom.tparrows.tp-rightarrow{
        transform: none !important;
        position: absolute;
        bottom: 46px;
        top: auto !important;
        margin: 0;
        left: auto !important;
        right: 25px;
    }
    .custom.tparrows.tp-leftarrow{
        transform: none !important;
        position: absolute;
        bottom: 46px;
        top: auto !important;
        margin: 0;
        right: auto !important;
        left: 25px !important;
    }
    .rev_slider .bes_button2{
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 40px;
        height: 40px;
        padding: 0 20px;
    }
    .rev_slider .bes_button2 i{
        font-size: 12px;
        line-height: 40px;
        margin-left: 8px;
    }
    .abcontentB,
    .epr200{
        padding: 0;
    }
    .singleTestm{
        margin-left: 0;
    }
    .singleTestm::before {
        left: 0;
        position: absolute;
        top: 0;
    }
    .singleTestm::after {
        content: "ï„„";
        left: 0;
        top: -35px;
    }
    .singleTestm{
        margin-top: 100px;
    }
    .abBigtitle h1.lead {
        font-size: 60px;
        overflow-wrap: break-word;
        line-height: 1.2;
    }
    .singleTestm {
        padding-top: 30px;
    }
    .wedoContent h2.lead {
        font-size: 37px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 40px;
    }
    .whatwe{
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .sectionTitle h2.lead {
        font-size: 50px;
        word-break: break-all;
        line-height: 50px;
    }
    .sectionTitle p{
        padding: 0;
    }
    .testmonialCaro{
        width: 100%;
    }
    .singleWork{
        margin: 0;
    }
    .singleWork img {
        height: 100%;
        width: auto;
    }
    #workCarousel .slick-prev, #workCarousel .slick-next {
        margin-top: 0;
        top: 90%;
    }
    #workCarousel .slick-prev {
        left: 10px;
    }
    #workCarousel .slick-next {
        right: 10px;
    }
    .singleWorkContent h2.lead {
        word-wrap: break-word;
    }
    .chooseUsContent {
        padding-right: 0;
    }
    .testmonialCaro {
        padding: 100px 15px 29px;
        text-align: center;
    }
    .blogConLeft{
        padding-right: 15px;
    }
    .blogConRight {
        padding-left: 15px;
    }
    .singleBlog{
        margin-bottom: 30px;
    }
    .blogLoadmore{
        margin-bottom: 30px;
    }
    .saypaddingR {
        padding-right: 0;
    }
    .saypaddingl {
        padding-left: 0;
    }
    .contactForm {
        padding: 0;
    }
    .footer {
        padding: 72px 0 55px;
    }
    .textWidget {
        padding-right: 0;
    }
    .newsletterwid{
        padding-left: 0;
    }
    .newsletter input[type="email"]{
        font-size: 14px;
    }
    .singleClient{
        margin: auto auto 0;
    }
    .header, .isSticky.fixedHeader {
        padding: 35px 15px;
    }
    .fixedHeader .mobileBar span{
        background: #333;
    }
    .fixedHeader .mobileBar{
        top: -4px;
    }
    .isSticky.fixedHeader .stickyLogo {
        display: block;
        top: -15px;
    }
    .isSticky.fixedHeader .stickyLogo.photography{
        top: -25px;
    }

    .singleService{
        margin: 0 0 100px
    }
    .wedoContent .bes_button {
        padding: 0 22px;
        letter-spacing: 1px;
    }
    .chooseUsImg {
        margin-top: 0;
    }
    .singleTestmn p{
        font-size: 20px;
        line-height: 35px;
    }
    .bigTitle3{
        margin-bottom: 100px;
    }
    .testmonialCaro.owl-theme .owl-dots{
        right: 0;
    }
    .showit{
        right: 15px;
    }
    .socialIcon a{
        margin-right: 0;
    }
    .sectionTitle{
        text-align: center;
    }
    .sectionTitle h3.lead{
        font-size: 40px;
        line-height: 50px;
    }
    .singleTestm p{
        font-size: 30px;
        line-height: 40px;
        padding-right: 0;
    }
    .chooseUsContent{
        text-align: center;
    }
    .signatureandname{
        text-align: center;
    }
    .mainMenu ul {
        background: #fff;
        height: 300px;
        left: -15px;
        right: -15px;
        margin: 0;
        overflow-x: scroll;
        padding: 0;
        position: absolute;
        width: 100vw;
        top: 10px;
        border-top: 1px solid #f3f3f3;
        display: none;
    }
    .fixedHeader .mainMenu > ul{
        top: 37px;
    }
    .mainMenu ul li {
        display: block;
        margin-right: 0;
        position: relative;
        text-align: center;
        padding: 15px 0;
    }
    .mainMenu ul li a{
        color: #1D1D1D;
        display: block;
    }
    .mainMenu ul ul.sub-menu {
        background: #fff;
        box-shadow: none;
        position: relative;
        top: 0;
        transition: none;
        width: 100%;
        height: auto;
        right: auto;
    }

    .mainMenu ul ul.sub-menu:before{
        display: none;
    }
    .mainMenu ul li{
        border-bottom: 1px solid #f3f3f3;
    }
    .mainMenu ul ul.sub-menu li > ul.sub-menu,
    .mainMenu ul li > ul.sub-menu{
        visibility: visible;
        opacity: 1;
        top: 14px;
        position: relative;
    }
    .mainMenu ul ul.sub-menu li:hover > ul.sub-menu,
    .mainMenu ul li:hover > ul.sub-menu {
        visibility: visible; 
        opacity: 1; 
        top: auto; 
    }
    .mainMenu ul ul.sub-menu li:hover > ul.sub-menu,
    .mainMenu ul li:hover > ul.sub-menu,
    .mainMenu ul ul.sub-menu li.active > ul.sub-menu,
    .mainMenu ul li.active > ul.sub-menu {
        top: 14px;
    }
    .mainMenu ul ul.sub-menu li ul.sub-menu{
        left: auto;
        top: 0;
        position: relative;
        box-shadow: none;
    }
    .polioThumb img {
        height: 100%;
        width: auto;
    }
    .slider2 .tp-rightarrow.default.round::after{
        right: 0;
    }
    .slider2 .tp-leftarrow.default.round::before{
        left: 0;
    }
    .single_folio.single_folio2{
        height: 400px;
    }
    .workDetail.isSticky.fixedHeader {
        padding: 35px 15px;
        position: fixed;
    }
    .header.workDetail {
        padding: 21px 15px 31px;
        position: relative;
    }
    .blogTitleSec {
        padding-bottom: 50px;
        padding-top: 50px;
    }
    .blogTitleList h2{
        font-size: 110px;
    }
    .singleBlog2.bigpost .blogTitle a {
        font-size: 26px;
        line-height: 39px;
    }
    .blogDec {
        padding: 51px 15px 45px;
    }
    .singleBlog2.bigpost .blogDec {
        padding: 51px 15px 45px;
    }
    .singleBlog2.bigpost .blogTitle a {
        font-size: 26px;
        font-weight: 500;
        line-height: 36px;
    }
    .blogCat {
        margin: auto;
        position: relative;
        width: 185px;
        top: 0;
    }
    .blogTitleList{
        text-align: center;
    }
    .wdhContent h3 {
        font-size: 32px;
        line-height: 44px;
        word-break: break-all;
    }
    .workDetailHead.bdetail{
        padding-top: 50px;
    }
    .wdhContent.bdetail{
        padding-bottom: 30px;
    }
    .journalImg{
        margin-right: 0;
    }
    .journal_content {
        padding-bottom: 0;
    }
    .journal_content h2 {
        color: #000;
        font-size: 30px;
        line-height: 40px;
    }
    blockquote{
        padding-right: 0;
    }
    .singleCom{
        padding-left: 0;
    }
    .singleCom img {
        position: relative;
    }
    .commentList ol li ul.ChildCom{
        padding-left: 15px;
    }
    .journal_content ol li ol,
    .commentsContents ul li ul,
    .commentsContents ol li ol,
    .journal_content ul li ul,
    .journal_content ol li ul{
        margin-left: 10px;
    }
    .comAutReply a{
        margin-right: 30px;
    }
    .singleJournal_meta a.jon_date{
        line-height: 1.8;
    }
    .journal_content{
        overflow: hidden;
    }
    .contactForm .single_form.home_page2{
        margin: 0;
    }
    .contactForm.noPaddingLeft.noPaddingRight {
        padding-left: 15px !important;
        padding-right: 15px !important; 
    }
    .blogDescriptionTop {
        margin-bottom: 0;
    }
    .journal_content{
        padding-bottom: 0;
    }
    .workDetailHead{
        padding-top: 50px;
    }
    .workMeta.servic{
        padding-left: 0;
    }
    .workMetas .bes_button3{
        padding: 0 30px;
    }
    .wdContent{
        padding: 0;
    }
    .rewdContent{
        padding-left: 0;
        padding-right: 0;
        padding-top: 50px;
    }
    .work_d img{
        width: 100%;
        height: auto;
    }
    .nexprevPagination{
        padding: 0 0 20px;
    }
    .paginationnp{
        padding-left: 15px;
    }
    .paginationnp img{
        position: relative;
        margin-bottom: 15px;
    }
    .paginationnp.right{
        padding-right: 15px;
        margin-top: 30px;
        margin-bottom: 15px;
    }
    .paginationnp h6{
        margin: 0 0 8px;
    }
    .paginationnp h1{
        font-size: 24px;
    }

    /**Home Three**/
    .mainMenu_home3 > ul {
        background: #171717;
        position: fixed;
        right: -245px;
        top: 0;
        width: 245px;
        height: 100vh;
        bottom: 0;
    }
    .mainMenu_home3 > ul li{
        border-bottom: 2px solid #272727;
        text-align: right;
        margin-left: 30px;
    }
    .mainMenu_home3 > ul li a{
        font-size: 14px;
        text-transform: uppercase;
        color: #fff;
        font-weight: 700;
        letter-spacing: 1px;
        padding-right: 50px;
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .mainMenu_home3 > ul li a:hover{
        color: #fd0060;
    }
    .mainMenu_home3 > ul li.active a{
        color: #fd0060;
    }

    .abcontentT.abcontentTP{
        padding: 0 0;
    }
    .abcontentTP h3{
        font-size: 30px;
        line-height: 40px;
    }
    .parallaxThreeCon{
        padding: 0;
    }
    .parTwoContent {
        padding: 30px 15px;
        width: 100%;
        height: 380px;
    }
    .parTwoContent h2{
        margin-bottom: 10px;
    }
    .parTwoContent h1 {
        font-size: 48px;
        left: -15px;
        line-height: 60px;
        margin-bottom: 19px;
    }
    .typewrite > .wrap::after {
        height: 32px;
        right: -22px;
        top: 23px;
        width: 5px;
    }
    .parallaxThreeCon h2 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 5px;
    }
    .parallaxThreeCon h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .parallaxThreeCon p {
        color: #fff;
        font-size: 18px;
        line-height: 32px;
    }
    .chooseUsContent.home_page3{
        padding-top: 0;
    }
    .chooseUsContent.home_page3 h3{
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 10px;
    }
    .chooseUsContent p {
        line-height: 28px;
        font-size: 16px;
    }
    .home_page3 .signatureandname img{
        width: 100px;
        height: auto;
    }
    .parallaxOne, 
    .parallaxTwo, 
    .parallaxThree, 
    .parallaxFour {
        position: relative;
        width: 100%;
        padding: 0;
    }

    /* WP Version Responsive */
    body .commonBlock{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    body .comonHeading{
        font-size: 28px !important;
        line-height: 36px !important;
    }
    .sectionTitle h3.lead{
        font-size: 35px !important;
        line-height: 45px !important;
    }
    .singleService h6.lead{
        margin-bottom: 30px;
    }
    .singleTestm{
        margin-top: 60px;
    }
    .singleTeam{
        margin-bottom: 30px;
    }
    .wedoContent h2{
        font-size: 35px;
        line-height: 45px;
    }
    .bes_button{
        font-size: 12px;
        letter-spacing: .5px;
    }
    .bes_button i{
        font-size: 15px;
        margin-left: 5px;
    }
    .sectionTitle h5{
        letter-spacing: 3.5px;
    }
    .singleWork img{
        max-width: inherit;
    }
    .testcarousel.owl-theme .owl-dots{
        right: 0px;
    }
    .singleSay{
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 50px;
    }
    #footer .widget{
        margin-bottom: 30px;
    }
    .copyPera{
        line-height: 24px;
        letter-spacing: 1px;
    }
    .singleWorkContent h2{
        font-size: 50px !important;
        line-height: 60px !important;
    }
    .singleWorkContent .workTag a{
        letter-spacing: 3px;
    }
    .singleTestm .teamDeg p{
        font-size: 16px !important;
        line-height: .8;
    }
    /* WP Version Responsive */

    /*==  Mosharof Css ===*/
    .imagesDiv{
        margin-top: 0 !important;
    }
    body .commonBlock br{
        display: none;
    }
    .bes_button2,
    .bes_button{
        margin-top: 0 !important;
    }
    .revCon{
        width: auto;
    }
    .folio_hover2{
        padding-left: 15px;
    }
    .folio_hover2 h3.lead{
        font-size: 40px;
        line-height: 50px;
    }
    h3.lead br{
        display: none;
    }
    .workTag a, .workTag{
        letter-spacing: 3.5px;
    }
    .blogTitle{
        min-height: 100%;
    }
    .wwa_noPadding{
        padding-right: 15px !important;
    }
    .blogCat{
        float: none !important;
    }
    .folioFeatureImage{
        height: 100vw;
    }
    .shareSocial a{
        margin-bottom: 10px;
    }
    .shareSocial a:last-child{
        margin-bottom: 0;
    }
    .workMetas .bes_button3{
        margin-right: 0;
        float: left;
    }
    .blogThumb img{
        width: 100%;
        height: auto;
    }
    .wdFeactureImage{
        height: 100vh !important;
    }
    .journal_content h2.excerpts{
        font-size: 32px;
        line-height: 44px;
    }
    .journalImg{
        margin-bottom: 20px;
    }
    .journalImgRela{
        margin-right: 0;
    }
    .journalmeta a.jnalDate{
        padding-bottom: 6px;
    }
    .j_contentRel h3{
        font-size: 24px;
        line-height: 36px;
    }
    .socialShare{
        text-align: center;
        top: 0;
    }
    .commentTitle{
        text-align: left;
        line-height: 36px;
        letter-spacing: 4px;
        margin-top: 15px;
    }
    .comAutReply a{
        margin-right: 25px;
        letter-spacing: 0;
    }
    .comAutReply a:last-of-type{
        margin-right: 0;
    }
    .jon_comment{
        float: left;
    }
    .commentList ol li ul.children{
        padding-left: 0;
        margin-bottom: 0;
    }
    .commentList ol li ul.children li:before{
        width: 2px;
    }
    .commentList ol li ul.children li .singleCom{
        margin-left: 0;
    }
    .navigation.pagination{
        margin-bottom: 20px;
    }
    .navigation.pagination a, .navigation.pagination span{
        margin-bottom: 10px;
    }
    .journal_content table tr th, .journal_content table tr td, 
    .commentsContents table tr th, .commentsContents table tr td{
        padding: 6px 7px;
        font-size: 14px;
        letter-spacing: 0;
    }
    .fixedOnResponsive{
        min-height: 50px;
    }
    .fixedOnResponsive .menuBarCr{
        top: 30px;
    }
    
}
@media (min-width: 470px) and (max-width: 500px){
    .mouseSlider2{
        display: none;
    }
}
@media (min-width: 768px){
    .color_mode > ul > li > a{
        color: #640e67;
        opacity: 1;
    }
    .color_mode > ul > li:before{
        background: #640e67;
        opacity: 1;
    }
    .color_mode > ul > li.active > a, .color_mode > ul > li:hover > a{
        color: #ff0060;
        opacity: 1;
    }
    .color_mode > ul > li:hover:before, .color_mode > ul > li.active:before{
        background: #ff0060;
        opacity: 1;
    }
}