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

Name: 		Monix
Author:		Nazar Miller (millerDigitalDesign)
Portfolio:  https://themeforest.net/user/millerdigitaldesign/portfolio?ref=MillerDigitalDesign

p.s. I am available for Freelance hire (UI design, web development). mail: miller.themes@gmail.com

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

@media (max-width: 1200px) {
    .owl-carousel-team .item {
        height: 550px;
    }
    .video-box {
        left: 15%;
        width: 70%;
    }
}

@media (max-width: 992px) {
    .skills-info,
    .form-frame {
        padding: 60px 15px;
    }
    .element-item {
        height: 50vw;
    }
    .owl-carousel-team .item {
        height: 450px;
    }
    .owl-carousel-team {
        width: 100%;
    }
    .owl-carousel-team .item {
        height: 550px;
    }
    .navigation {
        width: 100%;
    }
    .nav-menu {
        top: -100%;
        left: -0;
        width: 100%;
        height: auto;
        display: block;
    }
    .active-nav-menu {
        top: 0;
    }
    .nav-menu ul {
        width: 100%;
        text-align: center;
        margin-top: 100px;
        display: block;
        margin-bottom: 30px;
    }
    .nav-menu ul li {
        margin-bottom: 15px;
    }
    .header-social {
        display: none;
    }
    .nav-menu .mobile-social {
        position: relative;
        margin-top: 60px;
        display: block;
    }
    h2 {
        font-size: 36px;
    }
    .background-text {
        position: relative;
        display: none;
    }
    .demo-header {
        height: 90px;
    }
    .header-2-title {
        padding: 180px 0 90px;
    }
}

@media (max-width: 768px) {
    .skills-info {
        padding: 60px 15px;
    }
    .ilust {
        height: 100vw;
    }
    .element-item {
        height: 100vw;
    }
    .banner {
        height: 100vh;
    }
    .team-nav {
        position: relative;
        margin-bottom: 30px;
    }
    .owl-carousel-team .item {
        height: 650px;
    }
    .testimonials-nav {
        float: inherit;
        text-align: center;
    }
    .testimonials-nav button {
        margin-right: 5px;
        margin-left: 5px;
    }
    .blog-nav {
        float: inherit;
        text-align: center;
    }
    .blog-nav button {
        margin-right: 5px;
        margin-left: 5px;
    }
    .video-box {
        left: 5%;
        width: 90%;
    }
    .author {
        float: inherit;
    }
    .footer-links {
        text-align: center;
    }
    .footer-links li {
        margin-left: 0;
        margin-bottom: 15px;
        display: block;
    }
    .logo-footer img {
        float: inherit;
    }
    .load-more-btn {
        margin-right: auto;
        margin-left: auto;
        right: auto;
    }
    .load-more-btn-fake {
        margin-left: 0;
    }
    .header-control {
        display: none;
    }
    .mobile-space {
        display: block;
    }
}

@media (max-width: 540px) {
    .filters .button {
        display: block;
        margin: auto;
        margin-bottom: 15px;
    }
    .video-box {
        height: 300px;
    }
    .banner {
        height: 120vh;
    }
    .video-bg-img {
        height: 265px
    }
    .owl-carousel-team .item {
        height: 430px;
    }
    .header-control {
        display: block;
        left: 0;
    }
    .main-title h1 {
        font-size: 36px;
        margin-bottom: 120px;
    }
    
    .header-2-title h1{
        font-size: 36px;
    }
    
    .scroll-hint {
        margin-left: 15px;
    }
}
.hiddenmobile{ display:block;}
.hiddendesktop{ display:none;}

@media (max-width: 400px) {
    .element-item {
        height: 120vw;
    }



}
@media (max-height: 500px) {
    .banner {
        height: 100vw;
    }
}
@media (max-width: 500px) {	
		.hiddenmobile{ display:none !important;}
.hiddendesktop{ display:block !important;}
.preloader .icon {
    width: 300px;
}
h2 {
    font-size: 32px;
}
.page-header {
    padding: 150px 0px 20px 0px;
}
.navbar-collapse {
    display:none !important;
}
.col-sm-6{ width:50% !important;}
.navigation {
    padding: 10px 10px;

    height: auto;
   
    display: block;
}

.logo-nav div img{ width: 80% !important;
    margin-top: 6px;
    margin-bottom: 10px;}

.select2-container {
max-width:100% !important;
}
.select2-results__options {

    padding: 0px 10px !important;
}
.select2-container--default .select2-results__option .select2-results__option {
    padding-left:5px !important;
    border-bottom: dotted 1px #cecece59;
    
}
.select2-results__option {
    border-bottom: dashed 1px #cecece;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #e5720c !important;
    color: white;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding: 10px 5px !important;
      border-bottom: dashed 1px #818181;
    font-size: 16px;
}
.navbar-nav {
    margin: 7.5px 10px !important;
}


.navbar-nav .open .dropdown-menu
{
	      background-color: #e67817 !important;
    border-radius: 4px;
    margin: 5px 0px;
	    margin-top: 9px !important;
	    padding: 0px 10px;
	}
	
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
    padding: 10px 5px !important;
    font-size: 14px;
    color: #ffffff;
    border-bottom: dashed 1px #fff;
}


	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li:last-child a {
 
    border-bottom: dashed 0px #fff;
}



.navbar {
    min-height: 0px !important;
    margin-bottom: 0px !important;
    border: 0px solid transparent !important;
}


.navigation {
    margin-top: 100px !important;
}
.kimg1{background-position: center right !important;}
.kimg2{background-position: center left !important;}
.skills-info {
    padding: 60px 30px;
}.page-header {
    margin: 0px 0 20px !important;
}
}