/*

 Theme Name: Labflox

 Theme URI: https://themeforest.net/user/themewar/portfolio

 Author: themewar

 Author URI: 

 Description: Labflox - Laboratory & Research WordPress Theme

 Version: 1.0

 License:

 License URI:

*/



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

[Table of contents]

=========================================================================



1. Responsive For Extra large Device 2

2. Desktop Device

3. Responsive For Tab Device

4. Comon in Tab & Mobile

5. Responsive For Mobile Device

*/



/*------------------------------------------------------------------------------------

/ 1. Responsive For Extra large Device 2

--------------------------------------------------------------------------------------*/

@media (min-width: 1200px){

    .serviceSection .col-xl-5 {

        -ms-flex: 0 0 39.4%;

        flex: 0 0 39.4%;

        max-width: 39.4%;

    }

    .serviceSection .col-xl-7 {

        -ms-flex: 0 0 60.6%;

        flex: 0 0 60.6%;

        max-width: 60.6%;

    }

    .header03 .mainMenu{

        background: #061b48;

    }

}

@media (min-width: 1200px) and (max-width: 1600px){

    .serviceLeft{

        padding: 116px 45px 134px 45px;

        height: 100%;

    }

    .serviceLeft:after{

        left: 45px;

    }

    .serviceLeft br{

        display: none;

    }

    .imgDiv3{

        height: 100%;

    }

    .imgDiv3 img{

        max-width: inherit;

        height: 100%;

        width: auto;

    }

    .aboutSkillContent{

        padding-bottom: 120px;

    }

}

@media(min-width: 1200px) and (max-width: 1440px){

    .slider_02{

        padding: 0;

    }

    .slider_02 .rev_slider_wrapper{

        max-width: 1170px;

        margin: 0 auto;

        padding: 0 15px;

    }

    .slider_02 .tp-caption{

        padding-left: 50px !important;

    }

}

@media(min-width: 1200px) and (max-width: 1300px){

    .riContent {

        padding: 40px 24px 43px 35px;

    }

}



/*------------------------------------------------------------------------------------

/ 2. Desktop Device

/--------------------------------------------------------------------------------------*/

@media (max-width: 1199px){

    .tmLeft .secSubTitle3 {

        color: #2e2e2e;

      }

    .tmLeft .secTitle {

        color: #392779;

    }

    .SecLayerimg{

        display: none;

    }

    .accessNav{

        border-left: none;

    }

    .menuBtn{

        display: inline-flex;

    }

    .menuBtn.dRight{

        margin-left: auto;

    }

    .mainMenu{

        position: absolute;

        left: 0;

        top: 100%;

        width: 100%;

        background: rgba(2, 17, 63, 1);

        padding: 30px 0;

        display: none;

        border-bottom: 3px solid var(--theme-color);

        max-height: calc(100vh - 100px);

        overflow-y: auto;

    }

    .header02 .mainMenu{

        padding: 30px 0;

        background: #392779;

        border-bottom: 3px solid #33d1cb;

        max-height: calc(100vh - 120px);

    }

    .header03 .mainMenu{

        padding: 30px 0;

        background: #061b48;

        border-bottom: 3px solid #00d2ff;

        max-height: calc(100vh - 115px);

    }

    .mainMenu > ul{

        position: relative;

        display: block;

        margin: 0;

        padding: 0;

    }

    .mainMenu > ul > li{

        display: block;

        margin: 0 0 15px;

        padding: 0 30px;

    }

    .header02 .mainMenu > ul > li{

        padding: 0 30px;

    }

    .header03 .mainMenu > ul > li{

        padding: 0 30px;

        margin-right: 0;

    }

    .mainMenu > ul > li:last-child{

        margin: 0;

    }

    .mainMenu ul li a{



    }

    .mainMenu > ul > li.menu-item-has-children > a:after{

        float: right;

    }

    .mainMenu ul li .sub-menu li .sub-menu,

    .mainMenu ul li ul{

        min-width: 100%;

        position: relative;

        left: auto;

        top: auto;

        display: block;

        opacity: 1;

        visibility: visible;

        box-shadow: none;

        pointer-events: inherit;

        transform: none;

        -moz-transform: none;

        -webkit-transform: none;

        padding: 0;

        border: none;

        background: transparent;

        -moz-transform: none;

        -webkit-transform: none;

        -o-transition: none;

        -ms-transition: none;



        transition: none;

        -moz-transition: none;

        -webkit-transition: none;

        -o-transition: none;

        -ms-transition: none;

    }

    .header02 .mainMenu ul li ul{

        border: none;

        background: transparent;

    }

    .mainMenu ul li ul li ul{

        left: 0;

    }

    .mainMenu ul li ul li{

        display: block;

        width: 100%;

        padding-right: 0;

    }

    .mainMenu ul li.menu-item-has-children > a{

        width: 100%;

    }

    .mainMenu ul li.menu-item-has-children > a::after {

        position: relative;

        font-family: 'FontAwesome';

        /*content: "\f107";**************************************************/

        display: inline-block;

        top: 0;

        margin-left: 5px;

        font-weight: 400;

        float: right;

    }

    .mainMenu > ul ul li a::before,

    .mainMenu > ul ul li.menu-item-has-children:after{

        display: none;

    }

    .sidebar{

        padding: 0;

    }

    .sidebar.sidebarLeft{

        padding-right: 0;

        margin-top: 0;

        margin-bottom: 50px;

    }

    .contactInfo{

        padding-right: 0;

    }

    .appointmentForm{

        margin-left: 0;

    }

    .imageBox01{

        display: block;

        padding: 0 0 50px;

    }

    .imageBox01 img{

        width: 100%;

        height: auto;

        margin: 0 0 30px;

        border-radius: 4px 4px 0 0;

    }

    .imageBox01 h3 br{

        display: none;

    }

    .imgBoxContent{

        padding: 0 30px;

    }

    

}



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

    .tstiContent{

        padding-left: 30px;

        padding-right: 30px;

    }

    .single_comment{

        padding-left: 110px;

    }

    .comment-list li ol li{

        padding-left: 30px;

    }

    .slider_02{

        padding: 0;

    }

    .slider_02 .rev_slider_wrapper{

        max-width: 960px;

        margin: 0 auto;

        padding: 0 15px;

    }

    .serviceSection .col-xl-5 {

        padding-right: 0;

    }

    .serviceArea{

        padding-right: 0;

    }

    .ss01Content{

        padding-right: 55px;

    }

    .serviceSection3 .ss01Content{

        padding: 26px 40px 44px 25px;

    }

    .iconBox01{

        max-width: 70%;

        margin-bottom: 30px;

    }

    .iconBox01.ib01Last{

        margin-bottom: 0;

    }

    .expCounter{

        left: -96px;

    }

    .testCatItem{

        padding: 40px 15px 40px 15px;

    }

    .wcuContent{

        padding: 67px 70px 94px 70px;

    }

    .subscribeForm{

        padding-left: 45px;

        padding-right: 45px;

    }

    .sfLeft{

        padding-right: 0;

    }

    .testingContent{

        padding-left: 0;

    }

    .testingContent .secTitle{

        font-size: 38px;

        line-height: 50px;

    }

    .testingContent p br{

        display: none;

    }

    .expCounter2{

        width: 165px;

        z-index: 2;

    }

    .riContent{

        padding-right: 30px;

    }

    .wdContent .secTitle{

        font-size: 38px;

        line-height: 50px;

    }

    .wdContent{

        padding: 71px 45px 90px 44px;

    }

    .newsItem2{

        padding: 33px 15px 27px 15px;

    }

    .serviceSection2 .labCard{

        height: 100%;

        overflow: hidden;

    }

    .labCard img{

        width: 100%;

        object-fit: cover;

        height: 100%;

    }

    .serviceSection2 .secTitle2{

        padding: 0;

    }

    .ss02Content{

        padding-right: 53px;

        padding-left: 25px;

    }

    .factSection3 .secTitle2{

        font-size: 28px;

        line-height: 38px;

    }

    .gallerySLiderWrap{

        padding-right: 130px;

    }

    .vGalleryThumbWrap{

        width: 100px;

        top: 50%;

        transform: translateY(-50%);

        -moz-transform: translateY(-50%);

        -webkit-transform: translateY(-50%);

    }

    .gsThumbItem{

        width: 100%;

        height: auto;

    }

    .ppFeatures{

        padding-right: 40px;

    }

    .ctaTitle2{

        font-size: 28px;

        line-height: 36px;

    }

    .imgDiv3{

        height: 100%;

    }

    .imgDiv3 img{

        max-width: inherit;

        height: 100%;

        width: auto;

    }

    .aboutSkillContent{

        padding-bottom: 120px;

    }

    .lab_content{

        padding-top: 0;

    }

}



/*------------------------------------------------------------------------------------

/ 3. Responsive For Tab Device

/--------------------------------------------------------------------------------------*/

@media (min-width: 768px) and (max-width: 991px){

    .gsThumbItem{

        height: 130px;

    }

    .gallerySLiderWrap{

        padding-right: 120px;

    }

    .vGalleryThumbWrap{

        width: 100px;

    }

    .expCounter{

        left: 50px;

    }

    .ctaContent{

        padding-top: 70px;

    }

    .ctaContent .secTitle{

        font-size: 38px;

        line-height: 50px;

    }

    .tmcsItem p{

        width: 70%;

    }

    .team_content blockquote:before{

        left: 30px;

    }

    .team_content blockquote {

        padding-right: 30px;

        padding-bottom: 36px;

        margin-bottom: 0;

        padding-left: 100px;

    }

    .GMSingle{

        padding-left: 15px;

        padding-right: 10px;

    }

    .GMSingle h3{

        font-size: 19px;

    }

    .ppFeatures{

        padding-right: 0;

    }

    .ppFeatures ul li{

        width: 100%;

    }

}



/*------------------------------------------------------------------------------------

/ 4. Comon in Tab & Mobile

/--------------------------------------------------------------------------------------*/

@media (max-width: 991px){

    .tmLeft{

        text-align: center;

        padding-right: 0;

        margin-bottom: 50px;

    }
	
	
  .mainMenu ul li.menu-item-has-children > ul {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
	}

    .tmArrows{

        justify-content: center;

    }

    .comment-list li ol li{

        padding-left: 50px;

    }

    .newsItemMargined{

        margin-bottom: 35px;

    }

    .footer01 .widget{

        margin: 0 0 30px;

    }

    .sfLeft{

        min-height: 42px;

        display: flex;

        justify-content: flex-start;

        align-items: center;

        padding-top: 0;

        margin-bottom: 30px;

    }

    .sfLeft img{

        top: 0;

    }

    .phoneCall{

        display: none;

    }

    .serviceSection .col-xl-5 {

        padding-right: 0;

    }

    .serviceArea{

        padding-right: 0;

    }

    .fact01{

        margin: 0 0 30px;

    }

    .factSection{

        padding-bottom: 167px;

    }

    .aboutSection{

        background-position: right bottom;

    }

    .iconBox01 {

        display: inline-flex;

        justify-content: flex-start;

        align-items: center;

        margin: 0 0 30px;

    }

    .iconBox01.ib01Last{

        margin-bottom: 0;

    }

    .aboutContent{

        margin-bottom: 50px;

    }

    .testingSection:after{

        width: 100%;

    }

    .testingContent{

        padding-left: 0;

    }

    .imgDiv2.text-right{

        text-align: left !important;

        padding-top: 50px;

    }

    .factSection2{

        padding-bottom: 125px;

    }

    .whyDiffVid{

        position: relative;

    }

    .weContentCol{

        padding: 0;

    }

    .tmLeft .secTitle{

        font-size: 38px;

        line-height: 50px;

    }

    .tsItem{

        padding-left: 0;

        padding-right: 0;

    }

    .newsItem2{

        margin: 0 0 30px;

    }

    .slider_02{

        padding: 0;

    }

    .slider_02 .rev_slider_wrapper{

        max-width: 720px;

        margin: 0 auto;

        padding: 0 15px;

    }

    .serviceSection2 .secTitle2{

        margin: 0 0 30px;

    }

    .vGalleryThumbWrap{

        top: 50%;

        transform: translateY(-50%);

        -moz-transform: translateY(-50%);

        -webkit-transform: translateY(-50%);

    }

    .gallerySLiderWrap{

        margin-bottom: 30px;

    }

    .wwaContent{

        padding-left: 0;

    }

    .pricingPackage{

        margin: 0 0 30px;

    }

    .ctaImg{

        display: none;

    }

    .tstiContent{

        padding: 33px 30px 46px 30px;

    }

    .factSection3 .secTitle2:after{

        display: none;

    }

    .factSection3 .secTitle2{

        padding: 0;

        margin: 0 0 30px;

    }

    .pricingPackage2{

        margin: 0 0 30px;

    }

    .aboutSkillContent{

        padding: 120px 0;

    }

    .singleTeam:after{

        background-size: 100% auto;

    }

    .singleTeam{

        margin: 0 0 30px;

    }

    .sidebar{

        margin-top: 50px;

    }

    .contactInfo{

        margin-bottom: 50px;

    }

    .appointmentContent .listUL{

        padding-right: 0;

    }

    .imgDiv4{

        text-align: left;

        padding-top: 40px;

    }

    .col-lg-2.cusGCol {

        -ms-flex: 0 0 33.333333%;

        flex: 0 0 33.333333%;

        max-width: 33.333333%;

    }

    .gallInnerImg{

        margin: 0 0 40px;

    }

    .lab_content.text-right{

        text-align: left !important;

        margin-bottom: 50px;

        padding-top: 0;

    }

    .logged-in .header01{

        top: 45px;

    }

    .logged-in .tw-header-content .header01{

        top: 0;

    }

    .newsItem{

        margin-bottom: 30px;

    }

    .blogListPage .newsItem.niList{

        margin-bottom: 60px;
	}
		

  }





/*------------------------------------------------------------------------------------

/ 5. Responsive For Mobile Device

--------------------------------------------------------------------------------------*/

@media (max-width: 767px){

    .header03::before{

        width: 100%;

    }

    .header03 .logo{

        width: 160px;

    }

    .header02::after{

        width: 48%;

    }

    .tmcsItem p{

        font-size: 22px;

        line-height: 34px;

    }

    .testiMonialAuthors{

        margin-right: 60px;

        margin-left: 60px;

    }

    .SubsrcribeForm form input[type="email"]{

        width: calc(100% - 126px);

    }

    .SubsrcribeForm .yikes-easy-mc-form button{

        width: 110px;

        font-size: 12px;

    }

    .videoBtns::after{

        width: 320px;

        height: 320px;

    }

    .videoBtns{

        width: 235px;

        height: 235px;

    }

    .videoBtns span{

        margin-top: 50px;

    }

    .serv_meta h3 {

        font-size: 26px;

        line-height: 34px;

    }

    .galleryMeta{

        display: block;

    }

    .GMSingle{

        padding-left: 25px;

        border-bottom: 1px solid rgba(255,255,255,.25);

    }

    .pageBreadCum a{

        line-height: 22px;
	

    }

    .pageBreadCum{

        display: block;

        padding-top: 10px;

        padding-bottom: 10px;
	

    }

    .newsContent iframe{

        max-height: 350px;

    }

    #gallery-2 .gallery-item, #gallery-3 .gallery-item, #gallery-4 .gallery-item, #gallery-5 .gallery-item, #gallery-9 .gallery-item, #gallery-8 .gallery-item, #gallery-7 .gallery-item, #gallery-6 .gallery-item {

        width: 100% !important;

    }

    .sc_content table tbody tr td, .newsContent table tbody tr th, .newsContent table tbody tr td, .widget table tbody tr td,

    .sc_content table tbody tr th, .newsContent table thead tr th, .widget table thead tr th{

        font-size: 12px;

    }

    .newsContent .wp-block-embed-instagram, .newsContent .wp-block-embed-facebook {

        overflow: hidden;

    }

    .wp-block-media-text.alignwide {

        display: block;

    }

    .wp-block-media-text .wp-block-media-text__content {

        padding: 25px 0 0;

    }

    .niMeta{

        display: block;

    }

    .socialShare {

        position: relative;

        display: flex;

        justify-content: flex-start;

        margin: 0px 0 0 102px;

    }

    .contetn_404 img{

        margin-left: 0;

    }

    .contetn_404 h2{

        font-size: 120px;

    }

    .contetn_404 h3{

        font-size: 24px;

        line-height: 36px;

    }

    .logo{

        width: auto;

        border-right: none;

    }

    .accessNav{

        padding-left: 0;

    }

    .requestBTN{

        display: none;

    }

    .serviceLeft{

        padding: 116px 50px 134px 50px;

    }

    .serviceLeft h2{

        font-size: 38px;

        line-height: 50px;

    }

    .serviceLeft p br{

        display: none;

    }

    .serviceSlider.owl-carousel .owl-nav{

        left: auto;

        right: 0;

        top: -93px;

    }

    .serviceSlider.owl-carousel .owl-nav button{

        width: 45px;

        height: 45px;

        line-height: 48px;

    }

    .serviceSlider.owl-carousel .owl-nav button.owl-prev{

        margin-right: 5px;

    }

    .wcuContent {

        padding: 67px 35px 70px 35px;

    }

    .whyChooseUs .halfSection{

        display: none;

    }

    .skillArea{

        padding-left: 0;

    }

    .tmcsItem p{

        width: 100%;

        padding: 0 30px;

    }

    .ctaContent{

        margin: 0 0 50px;

    }

    .subscribeForm{

        padding: 31px 30px 32px;

    }

    .sfLeft{

        padding-right: 0;

        padding-left: 71px;

    }

    .subscribeForm form input[type="email"]{

        width: 100%;

        margin: 0 0 15px;

    }

    .subscribeForm button{

        float: left;

    }

    .siteInfo{

        text-align: center;

        padding-bottom: 32px;

    }

    .siteSocial{

        justify-content: center;

        padding-top: 0;

    }

    .siteSocial a:first-child{

        margin-left: 0;

    }

    .phoneCall2{

        display: none;

    }

    .header02 .logo{

        width: 40%;

    }

    .header02 .logo img{

        height: 50px;

        width: auto;

    }

    .testingContent .secTitle, .aboutContent2 .secTitle, .wdContent .secTitle{

        font-size: 38px;

        line-height: 50px;

    }

    .wdContent{

        padding-left: 25px;

        padding-right: 25px;

    }

    .singleProgress{

        margin-right: 0;

    }

    .testimonialSection2:before{

        width: 0%;

    }

    .tmLeft .secSubTitle3{

        color: #2e2e2e;

    }

    .tmLeft .secTitle{

        color: #392779;

    }

    .tmLeft{

        margin: 0 0 50px;

    }

    .phoneCall4{

        display: none;

    }

    .header03{

        background: #FFF;

    }

    .serviceSection2 .secTitle2{

        padding-right: 0;

    }

    .serviceSection2{

        padding-left: 15px;

        padding-right: 15px;

    }

    .labCard{

        height: 312px;

    }

    .labCard img{

        width: 100%;

        object-fit: cover;

        height: 100%;

    }

    .fact02{

        margin: 0 0 40px;

    }

    .gallerySLiderWrap{

        padding: 0;

    }

    .vGalleryThumbWrap{

        padding-top: 15px;

        position: relative;

        width: 290px;

        margin: 0 auto;

        height: auto;

        top: auto;

        transform: translateY(0);

        -moz-transform: translateY(0);

        -webkit-transform: translateY(0);

    }

    .gsThumbItem{

        width: 145px;

        padding: 0 15px;

    }

    .gsThumbItem img{

        width: 100%;

        height: auto;

    }

    .pricingPackage{

        padding-left: 30px;

        padding-right: 30px;

    }

    .ppHeader h3 br{

        display: none;

    }

    .ppFeatures{

        padding: 0;

    }

    .ppFeatures ul li{

        width: 100%;

    }

    .team_content{

        padding-top: 50px;

    }

    .niDetails{

        padding-left: 15px;

        padding-right: 15px !important;

    }

    .niList .blogFooter{

        margin: 0 -15px 0;

    }

    blockquote{

        padding: 98px 15px 53px 15px !important;

    }

    blockquote:before{

        left: 15px !important;

    }

    .newsContentArea{

        padding-left: 14px;

        padding-right: 14px;

    }

    .newsContentArea .niDate{

        left: 15px;

    }

    .sharePost{

        float: left !important;

        margin-top: 0;

    }

    .tagsArea span{

        display: none;

    }

    .tagsArea{

        display: block;

    }



    .appointmentContent{

        margin-bottom: 50px;

    }

    .ctaContent .secTitle{

        font-size: 38px;

        line-height: 50px;

    }

    .imageBox01{

        margin: 0 0 30px;

    }

    .col-lg-2.cusGCol {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }

    .single_comment{

        padding-left: 0;

    }

    .single_comment > img{

        border-radius: 0;

        position: relative;

        left: auto;

        top: auto;

        margin: 0 0 25px;

        display: inline-block;

    }

    .comment-list li ol li{

        padding-left: 15px;

    }

}