/*
 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: 20px;
    }
    .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: #00afff;
        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;
    }
}