/* -------------------------------------------------
  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;
    }
}
@media (min-width: 1441px){
	.processi_box_content .img-responsive {
		width: 100%;
	}

}


/* -------------------------------------------------
  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;
    }
}





/* -------------------------------------------------
  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;
    }
}





/* -------------------------------------------------
  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;
    }
}





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

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