/*
  Theme Name: EOVO - Creative HTML5 Responsive Template
  Theme URL: http://themewar.com/html/eovo/
  Author: ThemeWar
  Author URI: http://www.themewar.com
  Description: "EOVO - Creative HTML5 Responsive Template" is modern, clean, multiple functions and professionally. It has 11 homepage layouts and 11 Online store layout Options! This template suits for any type of portfolio, Creative, corporate, design studio, Fashions, Blog shopping and more… The template is designed on Bootstrap grid and can be easily conversion into Wordpress, Joomla and other systems. This is a perfect choice!
  Version: 1.0
*/


/* Main Menu */
.mainMenu {
    margin-bottom: 72px;
    margin-top: 100px;
}

.leftMenu .mainMenu {
    margin-top: 150px;
}
@media(max-width: 768px){
    .leftMenu .mainMenu {
        margin-top: 80px;
    }
}
.leftMenu {
    /* width: 750px; */
}

.leftMenu .subMenu {
    margin: 0 60px 0 0;
}

.leftEffect.overlay-open {
    -webkit-transform: translateX(320px);
    transform: translateX(320px);
}

.leftMenu .menuAsetes {
    margin: 0 0 0 105px;
    width: 380px;
}

/* Slider Section */
.mainSlider .tp-bullets.simplebullets.round,
.mainSlider .tp-bullets.simplebullets.round.hidebullets,
.mainSlider .tp-bullets.simplebullets.round.hovered {
    bottom: 64px !important;
}

.home2 .mainSlider .tp-bullets.simplebullets.round,
.home2 .mainSlider .tp-bullets.simplebullets.round.hidebullets,
.home2 .mainSlider .tp-bullets.simplebullets.round.hovered {
    bottom: 145px !important;
}

/* Studio Section */
.studioContent {
    float: right;
    padding-left: 0;
    width: 74.5%;
}

/* skill area */
.skillsCont {
}

.singleSkill {
    
}

.singleSkill:nth-child(even) {
    margin-right: 52px;
}

.singleSkill h5 {
    padding-bottom: 24px;
}

/* div img {
    width: 100% !important;
} */

.skillsCont .titleArea {
    left: -133px;
}

/* Design */
.designContent {
    width: 80%;
}

.designContent .titleArea {
    left: -68px;
}

.designContent {
    padding-left: 120px;
}

/* New model */
.newModelContent {
    /* float: right; */
}

.modelImg {
    padding-left: 67px;
}

.newModelContent .titleArea.reverse {
    right: -143px;
}

/* Home Two */
.featureContent {
    padding-top: 248px;
}

.featureContent.last {
    padding-top: 233px;
}

/* Home Three */
.teamService {
    left: 70px;
}

.artBtnTwo {
    padding-top: 95px;
}

.absoluteImg {
    width: 360px !important;
}

.halfSectionTitle {
    height: 600px;
}

.halfDesc {
    margin-top: 334px;
}

.contents.pull-right {
    padding-left: 130px;
}

.contents .singleSkill {
    width: 88%;
}

.singleSkill.one {
    padding-right: 15px;
}

.singleSkill.two {
    padding-left: 15px;
}

.contents .singleSkill.two {
    width: 90%;
}

.contents2 img {
    width: auto !important;
}

.folio5 img {
    width: auto !important;
    max-width: inherit;
}

.sl_heading2 {
    width: 100%;
}

.mainSlider .tp-caption.h6secondSlide {
    left: 908px !important;
    top: 433px !important;
}

#imageSlider {
    border: 30px solid #ebebeb;
    height: 550px;
    width: 390px;
}

#imageSlider .slideOverSlideImg {
    width: 340px;
}

.sl6_paragraph {
    width: 100%;
}

.mainSlider .tp-caption.h6thirdSlide {
    left: auto !important;
    right: 307px !important;
    top: 515px !important;
}

.mainSlider .tp-caption.h6fourthSlide {
    left: auto !important;
    right: 678px !important;
    top: 591px !important;
}

.mainSlider .tp-caption.h6firstSlide {
    left: 411px !important;
    top: 406px !important;
}

.conText img {
    width: auto !important;
}

.imageSec6 .conText {
    margin-top: 176px;
}

.art6Button {
    padding-top: 226px !important;
}

.teamsection6 .sectionTitleDiv {
    height: 600px;
}

.teamsection6 .sectionDesc {
    margin-top: 302px;
}

.team6 img {
    width: auto !important;
    max-width: inherit;
}

.imageSec7 .conText {
    padding-top: 166px;
}

.instaTitle {
    padding: 124px 0 110px 40px;
}

.owlCustNav a img {
    width: 13px !important;
}

/* Home 11 */
.menuSidebar {
    width: 375px;
}

.body_wrapper {
    margin-left: 375px;
}

.feature11 .col-lg-5 {
    width: 45.32%;
}

.feature11 .col-lg-4 {
    width: 30.4%;
}

.feature11 .col-lg-3 {
    width: 24.27%;
}

.extraHeight {
    height: 1000px;
}

.text_box.paddings {
    padding: 73px 70px 80px 78px;
}

.text_box.paddings2 {
    padding: 45px 60px;
}

.feature11 .col-lg-7 {
    width: 54.68%;
}

.feature11 .featureH3Cont {
    height: 500px;
    width: 400px;
}

.shop2 .mainSlider11 .tp-caption.firstSlide {
    left: 640px !important;
}

.shop2 .mainSlider11 .tp-bullets.hidebullets,
.shop2 .mainSlider11 .hovered .tp-bullets.hidebullets,
.shop2 .mainSlider11 .tp-bullets {
    left: 43% !important;
}

.shop2 .mainSlider11 .tp-bullets.hidebullets,
.shop2 .mainSlider11 .hovered .tp-bullets.hidebullets,
.shop2 .mainSlider11 .tp-bullets {
    bottom: 290px !important;
}

/* Home 11 */
.footer11 .instaGramImg {
    padding-right: 130px;
}


.home2 .mainSlider .tp-bullets.simplebullets.round, .home2 .mainSlider .tp-bullets.simplebullets.round.hidebullets, .home2 .mainSlider .tp-bullets.simplebullets.round.hovered{
    top: 93vh !important;
    
}



@media (min-width:1200px) and (max-width:1900px) {
    .mainSlider .tp-caption.secondSlide {
        left: 100px !important;
    }

    .skillImg {
        padding-right: 59px;
    }

    .studioContent {
        width: 98%;
        margin-top: 110px;
    }

    
    .mainSlider .tp-caption.firstH2Slide{
        left: 12vw !important;
        top: 30vh !important;
       
    }
    .mainSlider .tp-caption.secondH2Slide {
        left: 11.9vw !important;
        top: 33vh !important;
       
       
    }
   

    .mainSlider .tp-caption.thirdH2Slide {
        left: 8vw !important;
        top: 19vh !important;
        
    }
    .mainSlider .tp-caption.fourthH2Slide {
        left: 12vw !important;
        top: 58vh !important;
    }
    .mainSlider .tp-caption.fifthH2Slide{
        left: 12vw !important;
        top: 68vh !important;

    }
    

    .sliderArea.home4 {
        padding-left: 245px;
    }

    .blogShortDesc {
        padding-left: 0;
    }

    .newModelAreaH4 .modelImg {
        padding-left: 126px;
    }

    .newModelAreaH4 .modelImg {
        padding-left: 126px;
    }

    .contents.pull-right {
        padding-left: 60px;
    }

    .mainSlider .tp-caption.h6firstSlide {
        left: 255px !important;
        top: 375px !important;
    }

    .mainSlider .tp-caption.h6secondSlide {
        left: 748px !important;
        top: 400px !important;
    }

    .mainSlider .tp-caption.h6thirdSlide {
        right: 145px !important;
        top: 487px !important;
    }

    .mainSlider .tp-caption.h6fourthSlide {
        right: 517px !important;
        top: 560px !important;
    }

    .imageSec6 .conText {
        margin-top: 122px;
    }

    .imageSec7 .conText {
        padding-top: 120px;
    }

    .instaTitle {
        padding: 98px 0 86px 40px;
    }
}




@media (max-width: 1199px) {

    /* Slider Area */
    .sliderArea {
        padding-left: 0;
    }

    .mainSlider {
        min-height: inherit;
        width: 100%;
        box-sizing: border-box;
    }
    .sliderArea .mainSlider .tp-caption.sixH2Slide{
        top: 0 !important;
        width: 100% !important;
        left: 0 !important;
    }

    

    /* 1 */
    .sliderArea .mainSlider .tp-caption.firstH2Slide {
        text-align: center;
        top: 26vh !important;

        z-index: 5;
    }
    .slideTwoCont h1 {
        font-size: 60px;
        letter-spacing: 15px;
        margin-top: 0px;
        text-align: center;
    }
    /* 2 */
    .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption{
        width: 100%;
        left: 0px !important;
        top: 30vh !important;

    }

    /* 4 */
    .sliderArea .mainSlider .tp-caption.fourthH2Slide{
        width: 100% !important;
        top: 45vh !important;
       
    }
    .home2 .slideContent{
        padding: 8px;
    }
    .sliderArea .mainSlider .tp-caption .slideContent{
        text-align: center;
    }
    


    /* 5 */
    .sliderArea .mainSlider .tp-caption.fifthH2Slide{
        width: 100% !important;
        top: 55vh !important;
       text-align: center;
    }

    .home2 .mainSlider .tp-bullets.simplebullets.round, .home2 .mainSlider .tp-bullets.simplebullets.round.hidebullets, .home2 .mainSlider .tp-bullets.simplebullets.round.hovered{
        top: 85vh !important;
        
    }
   
}

@media (max-width: 1199px) {


    /* 1 */
    .sliderArea .mainSlider .tp-caption.firstH2Slide {
        text-align: center;
        top: 15vh !important;

        z-index: 5;
    }
    .slideTwoCont h1 {
        font-size: 40px;
        letter-spacing: 10px;
        margin-top: 0px;
        text-align: center;
        line-height:57.2px;
    }
    /* 2 */
    .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption{
        width: 100%;
        left: 0px !important;
        top: 25vh !important;

    }
    .slideTwoCont h3{
        font-size: 20px;
        line-height: 28.6px;
    }

    /* 4 */
    .sliderArea .mainSlider .tp-caption.fourthH2Slide{
        width: 100% !important;
        top: 40vh !important;
       
    }
    .home2 .slideContent{
        padding: 15px;
        margin-top: 8px;
    }
    .sliderArea .mainSlider .tp-caption .slideContent{
        text-align: center;
    }
    


    /* 5 */
    .sliderArea .mainSlider .tp-caption.fifthH2Slide{
        width: 100% !important;
        top: 67vh !important;
       text-align: center;
    }
    .home2 .mainSlider .tp-bullets.simplebullets.round, .home2 .mainSlider .tp-bullets.simplebullets.round.hidebullets, .home2 .mainSlider .tp-bullets.simplebullets.round.hovered{
        top: 85vh !important;
        
    }
   
}


@media (max-width: 375px) {

    .slideTwoCont h1{
        letter-spacing: 3px;
    }

}