/* Medium Layout: 1280px. */

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.subscrobe-form input[type="email"] {
        width: 58%;
    }
    .subscrobe-form:after {
        right: 120px;
    }
    .subscrobe-form input[type="submit"] {
        padding: 12px 25px;
    }
    .header-box-item {
        margin: 0 7px;
    }
    .header-four-social a {
        width: 26px;
        height: 26px;
        line-height: 29px;
        font-size: 13px;
    }
    .hero-txt-six h1 {
        font-size: 66px;
    }
    .nav-home-three .header-nav {
        padding-right: 190px;
    }
    .nav-home-three .header-nav .menu > li > a{
        padding-right: 18px;
        padding-left: 18px;
    }
    .header-nav-six .mainmenu ul li a {
        font-weight: normal;
        padding: 30px 12px;
    }
    
    .header-nav-three.header-nav-seven .header-btn {
        display: none;
    }

    .header-nav-three.header-nav-seven .mainmenu {
        padding: 0;
    }
    .timeline:after {
        left: 38px;
    }
    .scroll-up {
        top: auto;
        bottom: 15px;
    }
    
    .header-nav-three .mainmenu ul li a{
        padding: 30px 15px !important;
    }
    .social-info {
        margin-bottom: 30px;
    }
    .custom-control-label {
        margin-left: 25px;
        margin-top: 10px;
    }
    .mainmenu ul li a {
        padding: 30px 17px;
    }
    .hero-thumbnail img {
        height: 350px;
    }
}


/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    
    .mainmenu{
        display: none;
    }
    .mobile-menu{
        display: block;
    }
    .hero-txt-six h1 {
        font-size: 50px;
    }
    .hero-thumbnail img {
        height: 250px;
    }
    .hero-txt-six h2 {
        font-size: 25px;
    }
    .cta-txt {
        text-align: center;
    }
    .widget.widget-instagram a {
        width: 25%;
        margin: -2px;
        text-align: center;
    }
    
    .comment-item.replay.replay-double:after {
        left: -111px;
    }
    .cta-txt a {
        margin-top: 15px;
    }
    .video-text h1 {
        line-height: 50px;
    }
    .contact-info.contact-info-two {
        margin: 0 !important;
    }
    .contact-info-item {
        margin-bottom: 15px;
    }
    .footer-top.footer-top-three {
        padding-top: 80px;
    }
    .subscrobe-form input[type="email"] {
        width: 64%;
    }
    .topbar-info li {
        font-size: 12px;
        line-height: 48px;
        padding-right: 1px;
    }
    .header-nav {
        top: -13px;
    }
    .home-two-right li a, .home-two-right li span {
        width: 55px;
        height: 77px;
    }
    .header-section-two .header-nav {
        top: 0;
        position: absolute;
        left: 0;
        width: 100%;
    }
    .home-two-right {
        display: none;
    }
    .contact-info h4 {
        font-size: 14px;
    }
    .contact-info-item .media-body span {
        font-size: 12px;
    }
    .welcome-section img {
        margin-bottom: 30px;
    }
    .team-item {
        margin-bottom: 30px;
    }
    form.quate-form {
        margin-top: 30px;
    }
    .accordion {
        margin-top: 30px;
    }
    .header-box-item {
        margin: 0 16px;
    }
    .home-four-wrapper .header-four-social {
        text-align: center;
        margin-top: 15px;
    }
    .header-three-top li:last-child {
        padding-right: 10px;
    }
    .header-three-top .topbar-info li {
        margin-right: 6px;
        padding-right: 6px;
    }
    .col-lg-3.col-md-4:last-child .gall-item {
        margin-top: 30px;
    }
    div#accordion.bustek-accordion {
        margin-bottom: 20px;
    }
    .slicknav_menu {
        background: transparent;
    }
    .slicknav_nav {
        background: #fff;
    }

    .slicknav_nav a {
        color: #4e4e4e !important;
    }
    
    .slicknav_nav ul{
        margin: 0
    }
    .slicknav_nav li {
        border-bottom: 1px solid #e5e5e5;
    }
    .slicknav_nav .slicknav_row:hover {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        background: transparent;
    }
    
    .slicknav_nav a:hover {
        background: transparent;
    }
    .slicknav_nav ul li ul {
        padding-left: 10px;
    }
    
    .slicknav_nav .slicknav_arrow {
        float: right;
    }
    a.shopping {
        display: none;
    }

    li.search {
        display: none;
    }
    
    .slicknav_btn {
        background-color: #fff;
    }
    .slicknav_menu .slicknav_menutxt {
        color: #333;
        text-shadow: 0 0 0 #000;
    }
    .slicknav_menu .slicknav_icon-bar {
        background-color: #333;
    }
    .header-bottom {
        padding: 12px 0;
    }
    .logo{
        margin-top: 0;
    }
    .header-nav-two .mobile-menu {
        position: absolute;
        right: 20px;
        top: 15px;
        z-index: 9999;
        width: 100%;
    }
    .header-btn {
        display: none;
    }
    .header-nav-three {
        top: 68px;
    }
    .logo-four {
        text-align: center;
        margin-bottom: 14px;
    }
    .nav-four-right {
        display: none;
    }
    
    .header-nav-seven .mobile-menu {
        position: absolute;
        right: 0;
        width: 100%;
        z-index: 99;
        top: -5px;
    }
    .header-nav-three.header-nav-seven {
        padding: 20px 0;
    }
    .blog-content {
        padding-left: 85px;
    }
    .blog-content-area, .blog-comment-option {
        padding: 30px;
    }
    .cta-three-text {
        text-align: center;
    }
    .single-page-quate {
        margin-bottom: 30px;
    }
    .timeline:after {
        left: 36px;
    }
    .feature-about ul li:last-child {
        padding-left: 0;
        padding-top: 10px;
    }
    .team-image-two img {
        width: 100%;
    }
    .progress-item {
        margin-top: 30px;
    }
    .custom-control-label {
        margin-left: 25px;
        margin-top: 10px;
    }
    .footer-widget.useful-link {
        overflow: hidden;
    }
    .social-info{
        margin-bottom: 30px;
    }
    .team-info-details {
        margin-bottom: 50px;
    }
    .team-details-img {
        margin-bottom: 30px;
    }
    .social-info.text-right {
        text-align: left !important;
        margin-top: 15px;
    }
    .video-sid-text {
        padding: 30px;
    }
    .pertner-info {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    ul.list-item.list-item-two {
        margin-bottom: 30px;
    }
    .hero-one-content-three h1{
        font-size: 50px !important;
    }    
    .business-progress-img {
        margin-bottom: 50px;
    }
}


/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
    .header-area-five .shopping span {
        left: 11px;
        right: auto;
        top: 0;
    }
    .page-overlay p {
        margin-bottom: 10px;
    }
    .pricing-table-two.populer {
        margin-top: 0;
    }
    .cta-area {
        margin-top: 30px;
    }
    .hero-content-four h1 {
        font-size: 45px !important;
        line-height: 49px !important;
    }
    .bustek-accordion {
        margin-bottom: 30px;
    }
    .page-overlay h2 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 4px;
    }
    ul.list-item.list-item-two {
        margin-bottom: 30px;
    }
    .team-details-img {
        margin-bottom: 30px;
    }
    .social-info.text-right {
        text-align: left !important;
        margin-top: 15px;
    }
    .team-info-details {
        margin-bottom: 50px;
    }
    .topbar-social-icon {
        margin-top: 5px;
    }
    ul.topbar-info.list-inline {
        padding-top: 14px;
    }
    .footer-widget.useful-link {
        overflow: hidden;
    }
    .custom-control-label {
        margin-left: 25px;
        margin-top: 10px;
    }
    .single-page-quate {
        margin-bottom: 30px;
    }
    .fact-item h2 {
        font-size: 30px;
        margin-bottom: -5px;
    }

    .fact-item h4 {
        font-size: 20px;
    }

    span.fact-icon img {
        max-width: 45px;
        margin-top: 8px;
    }

    .fact-icon {
        margin-right: 15px;
    }
    .blog-content {
        padding-left: 85px;
    }
    .main-single-area .container {
        padding: 30px;
    }
    .header-box-item {
        margin-left: 0;
        margin-bottom: 20px;
    }
    .hero-one-content-three h1 {
        font-size: 30px !important;
        line-height: 30px !important;
    }
    .hero-one-content-three span {
        font-size: 30px !important;
    }
    .header-nav-six {
        position: relative;
        padding: 15px 0;
    }
    .team-list-img a {
        display: block;
    }

    .team-list-img img {
        width: 100%;
    }
    .social-info {
        margin-bottom: 30px;
    }
    .team-list-img{
        margin-bottom: 30px;
    }
    .breadcrumb-text h1 {
        font-size: 45px;
        line-height: 60px;
    }
    .video-sid-text {
        padding: 30px;
    }
    .header-nav-six .mobile-menu {
        position: absolute;
        top: -46px;
        right: -18px;
        width: 100%;
        z-index: 99;
    }
    .home-six {
        padding: 0 30px;
        padding-bottom: 30px;
    }
    .logo-four {
        margin-bottom: 20px;
    }
    .nav-four-right {
        display: none;
    }
    .header-nav-four {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    .header-info-box {
        margin-top: 45px;
    }
    .header-four-top {
        display: none;
    }
    .header-nav-three {
        top: 97px;
        padding: 20px 0;
    }
    .header-btn {
        display: none;
    }
    .header-nav-two .mobile-menu {
        position: absolute;
        right: 20px;
        top: 15px;
        z-index: 9999;
        width: 100%;
    }
    .slicknav_nav ul li ul {
        padding-left: 10px;
    }
    .slicknav_nav .slicknav_arrow {
        float: right;
    }
    .topbar-info li{
        line-height: 30px;
    }
    .header-bottom {
        padding: 12px 0;
    }
    .topbar-info {
        text-align: center;
    }
    .topbar-social-icon {
        margin-bottom: 10px;
    }
    .logo{
        margin-top: 0;
    }
    .slicknav_menu .slicknav_icon-bar {
        background-color: #333;
    }
    .slicknav_nav li {
        border-bottom: 1px solid #e5e5e5;
    }
    .slicknav_nav a:hover {
        background: transparent;
    }
    .slicknav_nav .slicknav_row:hover {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        background: transparent;
    }
    .subscrobe-form:after {
        right: 168px;
    }
    a.shopping {
        display: none;
    }
    .slicknav_btn {
        background-color: #fff;
    }
    .slicknav_menu .slicknav_menutxt {
        color: #333;
        text-shadow: 0 0 0 #000;
    }
    li.search {
        display: none;
    }
    .hero-thumbnail img {
        max-width: 400px;
        margin-top: 30px;
    }
    .hero-thumbnail {
        display: none;
    }
    .slicknav_nav {
        background: #fff;
        box-shadow: 0px 0px 42px rgba(212, 215, 255, .5);
    }
    .slicknav_nav ul{
        margin: 0
    }
    .slicknav_nav a {
        color: #4e4e4e !important;
    }
    .slicknav_menu {
        background: transparent;
    }
    .header-area-five .shopping {
        position: relative
    }
    .mainmenu{
        display: none;
    }
    .footer-bottom {
        text-align: center;
    }
    .comment-item.replay {
        margin-left: 25px;
    }
    .blog-comment-option {
        margin-bottom: 30px;
    }
    form.quate-form {
        margin-top: 30px;
    }
    .team-item {
        margin-bottom: 30px;
    }
    .subscrobe-form input[type="email"] {
        float: left;
        width: 71%;
        background: #235b05;
    }
    .footer-logo-three {
        margin-bottom: 30px;
    }
    .hero-txt-six h1 {
        font-size: 80px;
        line-height: 80px;
    }
    .header-six-logo {
        margin-top: 0;
        padding: 10px 0;
    }
    .contact-info .col-md-4 {
        margin-bottom: 30px;
    }

    .contact-info .col-md-4:last-child {
        margin-bottom: 0;
    }
    .testimonial-item {
        padding: 0 10px;
    }
    .fun-fact .col-md-4.col-sm-6 {
        margin-bottom: 30px;
    }

    .fun-fact .col-md-4.col-sm-6:last-child {
        margin-bottom: 0;
    }
    .mob {
        margin-bottom: 50px;
    }
    .featured-thumbnail img {
        width: 100%;
    }
    .hero-one-content h1 {
        font-size: 65px;
        line-height: 75px;
    }
    .topbar-social-icon {
        text-align: center;
    }
    .home-two-right {
        display: none;
    }
    .hero-one-content-two h1 {
        font-size: 60px;
        line-height: 60px;
    }
    .hero-one-content-two h2 {
        font-size: 35px;
        line-height: 60px;
    }
    .hero-one-content-two h3 {
        font-size: 20px;
        line-height: 20px;
    }
    .cta-txt {
        text-align: center;
    }
    .cta-txt a{
        margin-top: 20px;
    }
    .video-text h1 {
        font-size: 30px;
    }
    .video-text h2 {
        font-size: 25px;
    }
    .header-three-top .topbar-info li {
        border-right: none;
        margin-right: 0;
    }
    .header-three-top .dropdown.vd-drp.pull-left {
        float: none;
        text-align: center;
    }
    .header-three-top .shopping span {
        right: 2px;
        top: 1px;
        left: auto;
    }
    .nav-home-three .logo {
        margin-top: 22px;
        display: block;
        float: left;
    }
    .header-three-top .dropdown.vd-drp.pull-left {
        border-right: none;
    }
    .contact-info.contact-info-two {
        margin: 0px !important;
    }
    .contact-info.contact-info-two .col-md-6.col-lg-3 {
        margin-bottom: 30px;
    }
    .footer-top.footer-top-three {
        padding-top: 80px;
    }
    .subscrobe-form input[type="email"] {
        width: 60%;
    }
    .subscrobe-form input[type="submit"] {
        float: left;
    }
    .project-filter ul li {
        display: block;
        transition: .3s
    }
    
    .accordion {
        margin-top: 30px;
    }
    .blog-content-area, .blog-comment-option {
        padding: 30px;
    }
    .blog-btn {
        padding: 10px 10px;
    }
    .contact-info.contact-info-two .col-md-3 {
        margin-bottom: 15px;
    }

    .contact-info.contact-info-two .col-md-3:last-child {
        margin-bottom: 0;
    }
    .nav-four-right {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .hero-content-four h1 {
        font-size: 70px;
        line-height: 75px;
    }
    .hero-content-four p {
        font-size: 15px;
    }
    .about-img {
        margin-bottom: 30px;
    }
    .business-plane-section-two li.nav-item {
        width: 100%;
    }
    .home-4-tab-item img {
        margin-bottom: 20px;
    }
    .latest-new-item img {
        width: 100%;
    }    
    .header-three-top .dropdown{
        display: none;
    }
    .header-three-top .topbar-info {
        text-align: center;
    }
    .header-three-top .topbar-social-icon {
        margin-bottom: 10px;
    }
    .mobile-menu{
        display: block;
    }
    .col-lg-4.col-md-6:last-child .footer-widget {
        margin-top: 40px;
    }
    .header-nav-seven .mobile-menu {
        position: absolute;
        right: 0;
        width: 100%;
        z-index: 99;
    }
    .call-to-action-three:after {
        background: transparent;
        position: inherit;
    }
    .design-by {
        margin: 12px 0 !important;
    }
    .scroll-up {
        bottom: 16px;
        top: auto;
    }
    .timeline:after {
        left: 33px;
    }
    .copyright-menu ul li {
        display: block;
        padding: 5px 0;
    }

    .copyright-menu ul li:after {
        background: no-repeat;
    }
    .singup-form-six {
        margin-left: 0;
        margin-right: 0;
    }
    .team-image-two img {
        width: 100%;
    }
    .feature-about ul li:last-child {
        padding-left: 0;
        padding-top: 20px;
    }
    .hero-txt-six h1 {
        font-size: 55px;
        line-height: 60px;
    }
    .hero-txt-six h2 {
        font-size: 30px;
    }
    .welcome-text {
        margin-top: 50px;
        margin-left: 57px;
    }
    .team-image img {
        width: 100%;
    }
    .subscrobe-form:after {
        right: 161px;
    }
    .pricing-head {
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 24px 24px 0 0;
        height: 267px;
    }
    .box-item-wrpper {
        text-align: center;
    }

    .logo-four {
        text-align: center;
    }

    .header-four-social {
        text-align: center;
    }
    .project-filter ul li {
        border-bottom: 3px solid #fff;
    }
    .video-content {
        text-align: center;
        margin-bottom: 50px;
    }

    .video-content h1 {
        font-size: 40px;
    }
    .project-img img {
        width: 100%;
    }

    a.project-img {
        display: block;
    }
    .comment-item.replay.replay-double:after {
        left: -112px;
    }
    #slider-style-2 h2 {
        font-size: 50px !important;
    }

    #slider-style-2 h1 {
        font-size: 50px !important;
        text-align: center !important;
    }
    .pertner-logo img {
        width: 100%;
        margin-bottom: 25px;
    }
    .pertner-web-site {
        margin-bottom: 15px;
    }
    .page-overlay img {
        max-width: 54px;
        margin-top: 15px;
    }
    .small-video {
        margin-top: 40px;
    }
    .page-overlay h1 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .page-overlay a {
        display: none;
    }
    .contact-info .col-lg-3.col-md-6:last-child {
        margin-bottom: 0;
    }

    .contact-info.contact-info-two {
        padding: 50px 0;
    }
    .cta-txt h3 {
        margin-top: 0;
    }
    .business-progress-img {
        margin-bottom: 50px;
    }
}


/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container {
        width: 450px
    }
    .header-nav-three {
        top: 75px;
        padding: 10px 0;
    }
}