/*

 Theme Name: Vorzex

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

 Author: themewar

 Author URI: 

 Description: Vorzex - Creative Agency HTML5  Responsive Template

 Version: 1.0

 License:

 License URI:

*/



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

[Table of contents]

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

1. Desktop Device

2. Responsive For Tab Device 2

3. Responsive For Tab Device

4. Responsive For Mobile Device

*/



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

/ 1. Desktop Device

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

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

    .header_2{

        padding: 0 35px;

    }

    .mainMenu_2 ul li{

        margin-right: 10px;

    }

    .aboutDetails_3{

        padding-top: 0;

        padding-right: 17%;

    }

    .aboutDetails_3 a{

        margin-top: 0;

    }

    .aboutDetails_3 p.vor_lead {

        margin-bottom: 20px;

    }

    .aboutDetails_3 h2.sec_title{

        margin-bottom: 20px;

    }

    .mainmenu ul li:nth-last-child(1) ul.sub-menu li ul.sub-menu,

    .mainmenu ul li:nth-last-child(2) ul.sub-menu li ul.sub-menu,

    .mainmenu ul li:nth-last-child(3) ul.sub-menu li ul.sub-menu{

        left: auto;

        right: 118%;

    }

    .pad_row {

        padding: 0 50px;

    }







}



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

/ 2. Responsive For Tab Device 2

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

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

    /*=== Home 01 ====*/  

    .mainmenu ul li:nth-last-child(1) ul.sub-menu li ul.sub-menu,

    .mainmenu ul li:nth-last-child(2) ul.sub-menu li ul.sub-menu,

    .mainmenu ul li:nth-last-child(3) ul.sub-menu li ul.sub-menu{

        left: auto;

        right: 118%;

    }

    .mainMenu_1 ul li{

        margin-right: 35px;

    }

    .myclients{

        padding-left: 0;

        padding-right: 0;

    }

    .sec_title br,

    .vor_lead br{

        display: none;

    }

    .pdr50{

        padding-right: 0;

    }

    .tp-leftarrow.tparrows.vor_arrows{

        left: -10px !important;

    }

    .tp-rightarrow.tparrows.vor_arrows{

        left: calc(100% + 10px) !important;

    }

    /*=== Home 02 ====*/  

    .mt4 {

        margin-top: 2px;

    }

    .header_2{

        padding: 0;

    }

    .mainMenu_2 ul li{

        margin-right: 15px;

    }

    .mb84 {

        margin-bottom: 50px;

    }

    .about_us_section_2 h2.sec_title{

        font-size: 34px;

    }

    .aboutUs_Slider .owl-controls .owl-nav{

        left: 0;

    }

    .about_us_section_2 p.vor_lead,

    .about_us_section_2 h2.sec_title{

        margin-bottom: 10px;

    }

    .about_us_section_2 a.vor_btn_1.sxs{

        margin-top: 5px;

    }

    /*=== Home 03 ====*/ 

    .header_3{

        padding-left: 0;

        padding-right: 0;

    }

    .about_us_section_3{

        padding-left: 0;

    }

    .aboutDetails_3{

        padding: 0;

    }

    .aboutDetails_3 h2.sec_title,

    .aboutDetails_3 p.vor_lead{

        margin-bottom: 10px;

    }

    .aboutDetails_3 a{

        margin-top: 0;

        margin-bottom: 30px;

    }

    

    /*=== Home 04 ====*/   

    .icon_box_1.IbH4_mg{

        padding: 0;

    }

    .founderThumb img{

        width: 100%;

    }

    .founderDetil{

        padding: 50px 0 0 15px;

    }

    .pr_img img{

        height: 100%;

        width: auto;

        max-width: none;

    }

    .singleTM{

        width: 25%;

        margin-bottom: -7px;

    }

    .icon_box_3 h3{

        padding-right: 10px;

    }

    .client_testimonial_2 .testimonial_slider_2{

        padding: 0;

    }

    .mainMenu_3 ul li{

        margin-right: 30px;

    }

    .singlepricing p{

        font-size: 17px;

    }

    .icon_box_4 h3{

        padding-right: 80px;

    }

    .icon_box_4{

        padding-right: 75px;

    }

    .ib_left {

        padding-left: 75px;

        padding-right: 0;

    }

    .ts_dots{

        right: 20px;

    }

    .ts_count{

        font-size: 300px;

    }

    .trifounder{

        padding-bottom: 120px;

        padding-left: 85px;

    }

    .trifounder h2{

        font-size: 36px;

        line-height: 46px;

    }

    .ab_img{

        padding-right: 0;

    }

    .ab_img img {

        max-width: none;

        height: 100%;

        width: auto;

    }

    .ab_contents .sec_title {

        font-size: 34px;

        margin-bottom: 40px;

    }

    .service_sidebar .widget ul li a{

        line-height: 24px;

    }

    .service_sidebar .widget .widget_title{

        margin-left: 25px;

        margin-right: 25px;

    }

    .allBrouchers,

    .hqw_content,

    .service_sidebar .widget ul li{

        padding-left: 25px;

        padding-right: 25px;

    }

    .f1_details h2{

        font-size: 40px;

        line-height: 52px;

    }

    .pad_row {

        padding: 0 15px;

    }

    .f2_details{

        padding-left: 30px;

    }

    .wdb_elements h2{

        font-size: 70px;

    }

    .blog_details_banner .wdb_elements h2 {

        font-size: 50px;

        line-height: 55px;

    }

    .relatedPostSlider.owl-carousel .owl-controls .owl-nav .owl-prev{

        left: -35px;

    }

    .relatedPostSlider.owl-carousel .owl-controls .owl-nav .owl-next{

        right: -35px;

    }

    .commentSection .col-lg-9 {

        -ms-flex: 0 0 90%;

        flex: 0 0 90%;

        max-width: 90%;

    }

    .product_decp{

        margin-left: 10px;

    }

    .folio_widgets{

        margin-left: -20px;

    }

}



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

/ 3. Responsive For Tab

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

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

    .folio_widgets{

        margin-top: 30px;

    }

    .service_area{

        margin: 30px 0 50px;

    }

    .s01_details{

        padding-left: 0;

        padding-top: 15px;

    }

    .icon_box_1.IbH4_mg{

        padding: 0;

    }

    .icon_box_1.IbH4_mg h3{

        padding: 0;

    }

    .mt4 {

        margin-top: 0;

        margin-left: 2px;

    }

    .icon_box_1 h3{

        font-size: 18px;

    }

    .sec_title{

        font-size: 34px;

    }

    .myclients{

        padding-left: 0;

        padding-right: 0;

    }

    .myclients > a{

        width: 25%;

    }

    .start_new_projectH2 .quotationForm,

    .quotationForm{

        padding-top: 0;

    }

    .footer_1 .footer_logo{

        margin-top: 21px;

    }

    .footer_1 .widget{

        margin: 30px 0 0;

    }

    .footer_1 .noPaddingLeft{

        padding-left: 15px;

    }

    .imgBox_1 .ib_con{

        padding: 0 15px;

    }

    /*=== Home 02 ====*/ 

    .mr3{

        margin: 0 2.5px 3px 0;

    }

    .mr1{

        margin: 0 0 3px 1.5px;

    }

    .ml1{

        margin: 0 1.5px 0 0;

    }

    .mt3{

        margin: 0 0 0 1.5px;

    }

    .mb84{

        margin-bottom: 0;

    }

    .what_we_do_section .icon_box_1{

        margin-bottom: 50px;

    }

    .aboutUs_Slider{

        margin-bottom: 50px;

    }

    .aboutUs_Slider .owl-controls .owl-nav{

        left: 0;

    }

    /*=== Home 03 ====*/ 

    .about_us_section_3{

        padding-left: 0;

    }

    .ab3_thumb{

       margin: 0 0 50px;

    }

    .aboutDetails_3{

        padding: 0 0 0;

    }

    .aboutDetails_3 a{

        margin-bottom: 35px;

    }

    .icon_box_3{

        margin: 0 0 50px 20px;

    }

    .singleblog{

        margin: 0 0 50px;

    }

    /*=== Home 04 ====*/  

    .icon_box_1.IbH4_mg{

        margin-bottom: 50px;

    }

    .founderThumb img{

        width: 100%;

    }

    .founderDetil{

        padding: 44px 0;

    }

    .founderDetil h1{

        font-size: 28px;

        line-height: 36px;

        margin: 0 0 50px;

    }

    .sP_content h3{

        font-size: 25px;

        line-height: 32px;

    }

    .singlepricing p{

        font-size: 17px;

    }

    .filter_nav li:after{

        margin: 0 15px;

    }

    .goal_slider .owl-controls .owl-nav div.owl-prev{

        left: 15px;

    }

    .fol_navigation h2{

        font-size: 22px;

    }

    .blog_sidebar{

        margin-top: 50px;

    }

    bsl.blog_sidebar{

        margin-top: 0px;

        margin-bottom: 50px;

    }

    .comment_list li .children{

        margin-left: 90px;

    }

    .product_decp{

        margin: 0 0 0;

    }

    .productSlide .carousel-indicators li{

        width: 90px;

        height: 80px;

    }

    .product_decp .quantityd {

        margin-right: 25px;

    }

}

@media (max-width: 1023px){

    .relatedPostSlider.owl-carousel .owl-controls .owl-nav{

        display: none;

    }

    .folio_challange{

        padding-right: 0;

    }

    .wdb_elements h2{

        font-size: 45px;

        line-height: 55px;

    }

    .pad_row {

        padding: 0 15px;

    }

    .singleFacts h2{

        font-size: 65px;

    }

    .ab_img{

        padding: 0;

        margin-bottom: 50px;

    }

    .testimonial_single{

        padding: 0;

    }

    .icon_box_4{

        padding: 0;

    }

    .icon_box_4 h3{

        padding-right: 40px;

    }

    .icon_box_3 h3{

        padding-right: 0;

    }

    .what_we_do_section_2 .sec_title{

        font-size: 32px;

    }

    .client_testimonial_2 .testimonial_slider_2{

        padding: 0;

    }

    .tw-stretch-element-inside-column{

        margin-left: 0px !important;

        margin-right: 0px !important;

    }

    .tp-leftarrow.tparrows.vor_arrows,

    .tp-rightarrow.tparrows.vor_arrows{

        display: none;

    }

    .sec_title br,

    .vor_lead br{

        display: none;

    }

    header .menu-col {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

        padding-left: 15px;

        padding-right: 15px;

        position: static;

    }

    .menu_btn {

        height: 45px;

        width: 45px;

        background: #0b145e;

        color: #FFF;

        line-height: 45px;

        font-size: 25px;

        display: block;

        text-align: center;

        position: absolute;

        right: 30px;

        top: 24px;

    }

    .menu_btn:hover,

    .menu_btn.active{

        background: #000;

        color: #fff;

    }

    .mainmenu {

        position: absolute;

        left: 0;

        width: 100%;

        background: #fff;

        border-top: 1px solid #f0f0f0;

        box-shadow: -32px 21px 68.6px 1.4px rgba(218, 218, 218, .5);

        max-height: 100vh;

        overflow-x: hidden;

        overflow-y: auto;

        display: none;

        z-index: 99;

        text-align: left;

    }

    .mainmenu > ul {

        display: block;

    }

    .mainmenu > ul > li {

        padding: 0;

        margin: 0;

        display: block;

        width: 100%;

    }

    .mainmenu > ul > li > a {

        width: 100%;

        padding: 16px 15px;

        border-bottom: 1px solid #f0f0f0;

    }

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

        content: '\f11f';

        font-family: "LineAwesome";

        font-size: 18px;

        color: inherit;

        line-height: .8;

        position: absolute;

        right: 15px;

        top: 15px;

    }

    .mainmenu ul ul.sub-menu{

        position: relative;

        border: none;

        border-bottom: 1px solid #f0f0f0;

        width: 100%;

        opacity: 1;

        margin: 0;

        padding: 0;

        background: transparent;

        box-shadow: none;

        border-radius: 0;

        visibility: visible;

        top: 0;

        left: 0;

        display: none;

        transform: translate3d(0, 0, 0);

        -moz-transform: translate3d(0, 0, 0);

        -webkit-transform: translate3d(0, 0, 0);

        -o-transition: translate3d(0, 0, 0);

        -ms-transition: translate3d(0, 0, 0);

        transition: none;

        -moz-transition: none;

        -webkit-transition: none;

        -o-transition: none;

        -ms-transition: none;

    }

    .mainmenu ul ul.sub-menu li {

        padding: 0;

        display: block;

        width: 100%;

    }

    .mainmenu ul ul.sub-menu li a {

        padding: 7px 0 7px 40px;

        width: 100%;

    }

    .mainmenu ul ul.sub-menu li.menu-item-has-children:after{

        display: none;

    }

    .mainmenu ul ul.sub-menu li:hover ul.sub-menu,

    .mainmenu ul ul.sub-menu ul.sub-menu {

        border: none;

        border-top: 1px solid #f0f0f0;

        padding: 0;

        left: 0;

        visibility: visible;

        margin: 0;

        top: 0;

        opacity: 1;

        display: none;

        transform: translate3d(0, 0, 0);

        -moz-transform: translate3d(0, 0, 0);

        -webkit-transform: translate3d(0, 0, 0);

        -o-transition: translate3d(0, 0, 0);

        -ms-transition: translate3d(0, 0, 0);

        transition: none;

        -moz-transition: none;

        -webkit-transition: none;

        -o-transition: none;

        -ms-transition: none;

    }

    .mainmenu ul ul.sub-menu > li:hover > a {

        padding-left: 40px;

    }

    .mainmenu ul ul.sub-menu ul.sub-menu li a{

        padding-left: 55px;

    }

    .icon_box_1{

        margin-bottom: 50px;

    }

    .navigator{

        display: none;

    }

    .header_2{

        padding: 0;

    }

    .mainMenu_2 > ul > li > a:before{

        display: none;

    }

    .header_2 .col-lg-2.col-md-1{

        display: none;

    }

    .singleProject .hidden-lg{

        display: block;

    }

    .singleProject .hidden-md{

        display: none;

    }

    .singleTM{

        width: 33.333%;

        margin-bottom: -7px;

    }

    .container-fluid .menu_btn{

        right: 15px;

    }

    .header_3{

        padding-left: 0;

        padding-right: 0;

    }

    .header_3 .col-lg-2.col-md-1{

        display: none;

    }

    .header_3.fixedHeader .menu_btn{

        top: 15px;

    }

    .header_3 .menu_btn:hover, 

    .header_3 .menu_btn.active{

        background: #fff;

        color: #00afff;

    }

    .mainMenu_3 > ul > li > a{

        color: #000;

    }

    .mainMenu_3 > ul > li:hover > a, 

    .mainMenu_3 > ul > li.current-menu-item > a{

        color: #00afff;

    }

    .mainMenu_3 ul ul.sub-menu li a{

        display: block;

    }

    .hide{

        display: none;

    }

    .ts_count{

        font-size: 290px;

    }

    .trifounder h2{

        font-size: 28px;

        line-height: 36px;

    }

    .trifounder{

        padding-bottom: 120px;

        padding-left: 80px;

        padding-right: 20px;

    }

    .ts_dots{

        right: 15px;

    }

    .product_tabarea{

        padding-right: 0;

    }

    .fr_content{

        padding-right: 0;

    }

}



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

/ 4. Responsive For Mobile Device

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

@media(max-width: 767px){

    .fol_navigation{

        margin-top: 80px;

    }

    .wdb_meta{

        display: block;

    }

    .folio_widgets{

        margin-top: 30px;

    }

    .icon_box_3:after{

        left: -30px;

    }

    .product_tabarea .productTabs li{

        margin-bottom: 15px;

    }

    .product_decp{

        margin: 60px 0 0;

    }

    .add_to_cart_btn{

        padding: 8px 20px;

    }

    .quantityd{

        width: 110px;

    }

    .product_decp .quantityd {

        margin-right: 25px;

    }

    .productSlide .carousel-indicators li{

        width: 80px;

        height: 70px;

    }

    .comment_list li .children{

        margin-left: 15px;

    }

    .single-comment{

        padding-left: 0;

    }

    .single-comment img{

        position: relative;

        margin: 0 0 20px;

    }

    .authorDetails span{

        display: block;

        margin: 5px 0 20px;

    }

    .socialShare {

        text-align: left !important;

        margin-bottom: 50px;

    }

    .commentHeading{

        margin-bottom: 25px;

    }

    .blog_details_banner .wdb_elements h2 {

        font-size: 36px;

        line-height: 40px;

    }

    .blog_sidebar{

        margin-top: 60px;

    }

    bsl.blog_sidebar{

        margin-top: 0px;

        margin-bottom: 60px;

    }

    .fol_navigation h2{

        font-size: 22px;

    }

    .fol_navigation img{

        width: 130px;

        margin: 0 0 18px;

    }

    .goal_slider .owl-controls .owl-nav div.owl-prev{

        left: 15px;

    }

    .goal_slider .owl-controls .owl-nav div{

        width: 45px;

        height: 45px;

        padding: 8px 0;

    }

    .goal_slider .owl-controls .owl-nav div img{

        width: auto;

        height: 20px;

    }

    .wdb_elements h2{

        font-size: 36px;

        line-height: 45px;

    }

    .f2_details{

        padding-left: 30px;

    }

    .f1_details h2{

        font-size: 35px;

        line-height: 50px;

    }

    .filter_nav{

        display: block;

    }

    .filter_nav li{

        display: inline-block;

        margin: 0 0 15px;

    }

    .service_area{

        margin: 30px 0 50px;

    }

    .service_sidebar .widget ul li a{

        line-height: 24px;

    }

    .service_sidebar .widget .widget_title{

        margin-left: 25px;

        margin-right: 25px;

    }

    .allBrouchers,

    .hqw_content,

    .service_sidebar .widget ul li{

        padding-left: 25px;

        padding-right: 25px;

    }

    .process_box{

        margin-bottom: 50px;

    }

    .s01_details {

        padding-left: 0;

        padding-top: 35px;

    }

    #backtotop{

        right: 20px;

        bottom: 20px !important;

    }

    .our_misstion_section{

        padding: 150px 0;

    }

    .icon_box_5,

    .singleFacts{

        margin-bottom: 40px;

    }

    .ts_item{

        display: block;

    }

    .ts_item .ts_inner{

        width: 100%;

    }

    .trifounder{

        padding: 100px 25px;

    }

    .trifounder h2{

        font-size: 30px;

        line-height: 38px;

    }

    .ts_count{

        display: none;

    }

    .ts_dots {

        position: absolute;

        width: 100%;

        margin: 0;

        right: 0;

        left: 0;

        top: 120px;

        margin: auto;

        z-index: 9;

        transform: none;

        text-align: center;

    }

    .ts_dots .owl-dot{

        display: inline-block;

        margin: 0 10px;

    }

    .icon_box_4 h3 {

        padding-right: 0;

    }

    .menu_btn{

        right: 15px;

    }

    .sec_title{

        font-size: 30px;

    }

    .tp-leftarrow.tparrows.vor_arrows:before,

    .tp-rightarrow.tparrows.vor_arrows:before,

    .tp-leftarrow.tparrows.vor_arrows,

    .tp-rightarrow.tparrows.vor_arrows{

        height: 20px;

        width: 25px;

    }

    .tp-caption .vor_btn_1.mr13{

        margin: 0 0 10px !important;

    }





    .sec_title{

        font-size: 28px;

        line-height: 36px;

    }

    .imgBox_1{

        margin-bottom: 50px;

    }

    .pdr50{

        padding-right: 0;

    }

    .vor_lead br{

        display: none;

    }

    .icon_box_1{

        margin-bottom: 50px;

    }

    .icon_box_1 h3{

        margin: 0 0 15px;

    }

    .icon_box_1 p{

        margin: 0 0 20px;

    }

    .vor_hr.mt90{

        margin-top: 40px;

    }

    .myclients{

        padding: 0;

    }

    .myclients > a{

        width: 50%;

        margin: 0 0 30px;

    }

    .iconboxes .icon_box_2{

        display: block;

        margin: 0 0 30px;

    }

    .iconboxes .icon_box_2:first-of-type{

        margin-right: 0;

    }

    .footer_1 .widget{

        margin-top: 30px;

    }

    .footer_1 .noPaddingLeft{

        padding-left: 15px;

    }

    .copy_right_section{

        text-align: center;

    }

    .copy_right_section p{

        text-align: center;

        line-height: 20px;

        margin-bottom: 10px;

    }

    /*=== Home 02 ====*/  

    .sP_content{

        padding-left: 20px;

    }

    .sP_content h3{

        font-size: 22px;

        line-height: 34px;

    }

    .mr1, .mt3, .mr3, .ml1{

        margin: 0;

    }

    .what_we_do_section .mb84{

        margin-bottom: 0;

    }

    .blog_section .sec_title,

    .about_us_section_2 h2.sec_title,

    .client_testimonial .sec_title,

    .what_we_do_section .sec_title{

        font-size: 28px;

        line-height: 36px;

    }

    .testimonial_item p{

        font-size: 20px;

        line-height: 32px;

    }

    .about_us_section_2 .noPaddingLeft{

        padding-left: 15px;

    }

    .aboutUs_Slider{

        margin: 0 0 100px;

    }

    .aboutUs_Slider .owl-controls .owl-nav{

        left: 0;

        bottom: -61px;

    }

    .singleTM{

        width: 100%;

        margin: 0 0 -7px;

    }

    .tp-caption .vor_btn_1.mr13{

        margin: 0 10px 10px !important;

    }

    .sP_content h3{

        font-size: 28px;

        line-height: 34px;

    }

    .aboutDetails_3 a{

        margin-bottom: 35px;

    }



    /*=== Home 03 ====*/ 

    .about_us_section_3{

        padding-left: 0;

    }

    .ab3_thumb{

        margin-bottom: 50px;

    }

    .aboutDetails_3{

        padding-right: 0;

    }

    .feature_section .sec_title,

    .what_we_do_section_2 .sec_title,

    .aboutDetails_3 h2.sec_title{

        font-size: 28px;

    }

    .aboutDetails_3 a{

        margin-top: 0;

        margin-bottom: 12px;

    }

    .what_we_do_section_2 .sec_title{

        margin-bottom: 30px;

    }

    .icon_box_3{

        margin-top: 60px;

        margin-left: 20px;

    }

    .icon_box_3 h3,

    .icon_box_3 p{

        margin-bottom: 20px;

    }

    .singletestimonial{

        padding: 0;

    }

    .singletestimonial img{

        position: relative;

        margin-bottom: 30px;

    }

    .testimonial_Detils h6{

        line-height: 30px;

    }

    .singleblog{

        margin-bottom: 50px;

    }

    

    /*=== Home 04 ====*/ 

    .founderThumb img{

        max-width: 100%;

    }

    .founderDetil{

        padding: 50px 0 100px;;

    }

    .founderDetil h1{

        font-size: 28px;

        line-height: 36px;

    }

    .blog_section_2 .sec_title,

    .our_clientsH4 .sec_title,

    .pricing_section .sec_title,

    .feature_section_2 .sec_title{

        font-size: 28px;

    }

    .singlepricing{

        margin-bottom: 30px;

    }

}

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

    .icon_box_1 {

        padding: 0 50px;

    }

}
.hidden-xs{ display:block;}
.hidden-lg{ display:none;}
@media(max-width: 500px){
	.hidden-xs{ display:none;}
.hidden-lg{ display:block;}
.rev_slider_wrapper{ max-height:300px;}
#rev_slider_2{ max-height:300px;}
	.about_us_section_3 {
    padding: 70px 0 0 0px;
}
.aboutUs_Slider .owl-controls .owl-nav {
    left: 0;
    bottom: 0px;
}

.aboutUs_Slider .owl-controls .owl-nav .owl-prev, .aboutUs_Slider .owl-controls .owl-nav .owl-next {
   
    padding: 10px 0;
    width: 40px;
    height: 40px;

}




}