/* -------------------------------------------------
  Large Screen. 
---------------------------------------------------*/

@media (min-width: 1367px) and (max-width: 1920px) {
    .mobile-menu-area {
        display: none;
    }
    .about-right img {
        height: 622px;
        min-width: 100%;
    }
    .about-left-text {
        background: #f1f1f1 none repeat scroll 0 0;
        padding: 120px;
    }
    .contact-main-wrapper {
        margin: 0 auto;
        width: 1200px;
    }
    .mobile-view.portfolio-4-column .portfolio-details-inner {
        margin-top: -30px;
    }
    .slider-wrapper.slide-preview-wrapper {
        padding: 290px 0;
    }
}





/* -------------------------------------------------
  Laptop Screen 
---------------------------------------------------*/

@media (min-width: 1170px) and (max-width: 1366px) {
    .container {
        width: 1200px
    }
    .mobile-view.portfolio-4-column .portfolio-details-inner {
        margin-top: -30px;
    }
}





/* -------------------------------------------------
  Old Desktop
---------------------------------------------------*/

@media (min-width: 992px) and (max-width: 1169px) {
    .container {
        width: 970px
    }
    .about-left-text {
        padding: 30px 25px 15px 32px;
    }
    .point-out>li {
        padding: 2px 0;
    }
    .point-out {
        margin-bottom: 10px;
    }
    .about-right img {
        height: 430px;
    }
    .single-stats-item {
        padding: 65px 0;
    }
    .process-number {
        display: none;
    }
    .mobile-view.portfolio-4-column .portfolio-details-inner {
        margin-top: -30px;
    }

    .main-menu > li > a {
        font-size: 12px;
    }
}





/* -------------------------------------------------
  Tablet Screen 
---------------------------------------------------*/

@media (min-width: 768px) and (max-width: 991px) {
    .container {
        width: 750px
    }
    .feature-item {
        padding: 0px 20px;
    }
    .col-md-3.col-sm-6:nth-child(n+3) .feature-item {
        margin-top: 40px;
    }
    .portfolio-3-column .portfolio-item {
        width: 50%;
    }
    .button.active.purchase-btn {
        margin-top: 14px;
    }
    .portfolio-4-column .portfolio-item {
        width: 50%;
    }
    .about-left {
        width: 100%;
    }
    .about-left-text {
        padding: 50px;
    }
    .about-right {
        width: 100%;
    }
    .single-stats-item {
        background: #f1f1f1 none repeat scroll 0 0;
        float: left;
        padding: 80px 0;
        /*width: 50%;*/
    }
    /*.single-stats-item:first-child {
        background: #E3E1E1 !important;
    }
    .single-stats-item:last-child {
        background: #E3E1E1;
    }
    .single-stats-item:nth-child(2n+1) {
        background: #f1f1f1 none repeat scroll 0 center;
    }*/
    .col-md-3.col-sm-6:nth-child(n+3) .team-item {
        margin-top: 50px;
    }
    .process-number {
        display: none;
    }
    .col-md-3.col-sm-6:nth-child(n+3) .working-process-item {
        margin-top: 50px;
    }
    .col-md-4.col-sm-6:nth-child(n+3) .post {
        margin-top: 40px;
    }
    .search-widget input {
        height: 36px;
        width: 120px;
    }
    .search-widget button {
        height: 36px;
        left: -3px;
        width: 33px;
    }
    .search-widget button i {
        font-size: 15px;
    }
    .widget-post-content {
        margin-left: 0;
    }
    .post-thumb img {
        margin-right: 10px;
        width: 70px;
    }
    .input-field input {
        width: 94%;
    }
    .col-lg-3.col-md-3.col-sm-6:nth-child(n+3) {
        margin-top: 50px;
    }
    .cdown {
        width: 24%;
    }
    .slider-wrapper.slide-preview-wrapper {
        height: 600px;
        padding: 330px 0;
    }


    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666666666666%;
    }
    .col-sm-10 {
        width: 83.33333333333334%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666666666666%;
    }
    .col-sm-7 {
        width: 58.333333333333336%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666666666667%;
    }
    .col-sm-4 {
        width: 33.33333333333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.666666666666664%;
    }
    .col-sm-1 {
        width: 8.333333333333332%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666666666666%;
    }
    .col-sm-pull-10 {
        right: 83.33333333333334%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666666666666%;
    }
    .col-sm-pull-7 {
        right: 58.333333333333336%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666666666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.666666666666664%;
    }
    .col-sm-pull-1 {
        right: 8.333333333333332%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666666666666%;
    }
    .col-sm-push-10 {
        left: 83.33333333333334%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666666666666%;
    }
    .col-sm-push-7 {
        left: 58.333333333333336%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666666666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.666666666666664%;
    }
    .col-sm-push-1 {
        left: 8.333333333333332%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666666666666%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333333334%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666666666666%;
    }
    .col-sm-offset-7 {
        margin-left: 58.333333333333336%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666666666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.666666666666664%;
    }
    .col-sm-offset-1 {
        margin-left: 8.333333333333332%;
    }
    .col-sm-offset-0 {
        margin-left: 0%;
    }


}




/* -------------------------------------------------
  Small Mobile
---------------------------------------------------*/

@media (max-width: 767px) {
    .container {
        width: 300px
    }
    .slider-text-two {
        padding: 50px 18px;
    }
    .slider-text.slider-text-two>h4 {
        font-size: 15px;
        letter-spacing: 1px;
    }
    .feature-icon {
        margin: 0 auto;
    }
    .feature-area {
        text-align: center;
    }
    .col-md-3.col-sm-6:nth-child(n+2) .feature-item {
        margin-top: 40px;
    }
    .portfolio-3-column .portfolio-item {
        width: 100%;
    }
    .portfolio-filter li {
        font-size: 12px;
        letter-spacing: 2px;
        padding: 7px 7px;
    }
    .col-md-4.col-sm-6:nth-child(n+2) .post {
        margin-top: 40px;
    }
    .post-meta {
        font-size: 10px;
    }
    .post-title {
        font-size: 16px;
        letter-spacing: 2px;
    }
    .social-madia ul li {
        padding: 2px;
    }
    .footer-menu li a {
        padding: 4px 10px;
    }
    .footer-area.footer-area-two {
        background: #464646 none repeat scroll 0 0;
        text-align: center;
    }
    .footer.footer-style-tow .social-madia {
        float: none;
        margin-top: -20px;
    }
    .slider-area-five .slide-text h1 {
        font-size: 28px;
    }
    .slider-area-five .slide-text h2 {
        font-size: 20px;
    }
    .ptb-200 {
        padding: 150px 0;
    }
    .portfolio-4-column .portfolio-item {
        width: 100%;
    }
    .mobile-view .portfolio-details-inner {
        margin-top: -25px;
    }
    .slider-text.slider-text-four>p {
        display: none;
    }
    .slider-text.slider-text-four {
        outline-offset: -15px;
        padding: 30px 38px;
    }
    .slider-text h3 {
        font-size: 30px;
        letter-spacing: 2px;
    }
    .about-left {
        width: 100%;
    }
    .about-right {
        width: 100%;
    }
    .about-left-text {
        padding: 30px;
    }
    .about-left h4 {
        font-size: 14px;
    }
    .about-right {
        display: none;
    }
    .single-stats-item {
        padding: 70px 0;
        /*width: 100%;*/
    }
    .col-md-3.col-sm-6:nth-child(n+1) .team-item {
        margin-top: 50px;
    }
    .process-number {
        display: none;
    }
    .process-icon {
        height: 150px;
        width: 150px;
    }
    .process-icon i {
        font-size: 50px;
        line-height: 150px;
    }
    .slick-slide img {
        display: block;
        margin: 0 auto;
    }
    .col-md-6.col-sm-6:nth-child(n+1) .post {
        margin-top: 50px;
    }
    .col-md-6.col-sm-6 .post {
        margin-left: -15px;
        margin-right: -15px;
    }
    .pagination-area .pagination li a {
        padding: 7px 12px;
    }
    .banner-content>h2 {
        font-size: 28px;
    }
    .blog-post.single-blog-post .post-title {
        font-size: 18px;
        letter-spacing: 1px;
        line-height: 24px;
    }
    .media.reply {
        margin-left: 0;
    }
    .media-left img {
        width: 50px;
        height: 50px;
    }
    .input-field input {
        width: 92%;
    }
    .clear-fix.my-comment-box {
        padding: 0 13px 0 10px;
    }
    .comment-form {
        margin-bottom: 100px;
    }
    .contact-form-wrapper {
        padding: 0 20px;
        width: 100%;
    }
    .control-map {
        width: 100%;
    }
    #bodyContent>p {
        margin-bottom: 0;
    }
    .portfolio-2-column .portfolio-item {
        width: 100%;
    }
    .col-lg-3.col-md-3.col-sm-6:nth-child(n+1) {
        margin-top: 50px;
    }
    .col-md-3.col-sm-4:nth-child(n+1) .team-item {
        margin-top: 50px;
    }
    .cdown strong {
        font-size: 35px;
        color: #f1f1f1;
        font-family: 'Dosis', sans-serif;
        letter-spacing: 2px;
    }
    .cdown {
        display: inline-block;
        padding: 0 40px;
        width: 50%;
    }
    .cdown p {
        text-transform: uppercase;
        color: #DCA329;
        letter-spacing: 2px;
        font-size: 16px;
        margin-left: -16px;
    }
    .coming-soon-title h2 {
        font-size: 28px;
        letter-spacing: 7px;
    }
    .coming-newsletter input {
        width: 170px;
    }
    .button.coming-soon {
        left: -4px;
        padding: 0 20px;
        position: relative;
        top: -1px;
    }
    .slider-text-two.preview-text {
        padding: 40px 15px;
    }
    .preview-text .slider-text>h2 {
        font-size: 48px;
        margin-bottom: -13px;
    }
    .slider-text.preview-text>h3 {
        font-size: 20px;
    }

    .slider-text.preview-text>p {
        font-family: dosis;
        font-size: 14px;
        letter-spacing: 2px;
        text-transform: uppercase;
    }
    .slider-wrapper.slide-preview-wrapper {
        padding: 56px 0px;
    }

    .footer-logo h1, .footer-logo p {
        text-align: center;
    }
    .footer-logo h1 {
        padding-top: 40px;
    }
    .copyright p{
        text-align: center;
    }
}

@media (min-width: 768px){
    .nav-justified > li {
        display: table-cell;
        width: 1%;
    }
}



/* -------------------------------------------------
  Large Mobile :480px. 
---------------------------------------------------*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 450px
    }
}