@charset "utf-8";

/*------------------------------------------------------------------
[Responsive Stylesheet]

Project:    
Version:   
Last change:   
Primary use:    
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[Table of contents]

1. Small desktop
2. Tablet landskape
3. Tablet Portrait
4. Phone
5. Small Phone
6. Max Height 768
-------------------------------------------------------------------*/


/* ==============================
   Small desktop
   ============================== */

@media only screen and (max-width: 1366px) {
    .inner-nav ul li {
        margin-left: 25px;
    }
}

@media only screen and (max-width: 992px) {
    .banner-text {
        text-align: center;
    }
    .banner-image {
        margin: 40px 0;
    }
}

@media only screen and (max-width: 767px) {
    .banner-content {
        text-align: center;
    }
    .banner-image {
        text-align: center;
    }
    .text-mobile {
        font-size: 110%;
        line-height: 1.2;
    }
    .title-img img {
        display: none;
    }
    .portfolio-page .title {
        padding-top: 25px;
        padding-bottom: 25px;
    }
	.counter-icon{
		margin-top: 30px;
	}
	.counter-icon h3 {
		font-size: 30px;
		color: #111;
		letter-spacing: 1.5px;
		margin-top: 10px;
		margin-bottom: 10px;
		line-height: 38px;
	}
	.counter-bg {
		padding-top: 45px;
		padding-bottom: 80px;
	}
	.hom.app-team-area-b .col-xs-12 {
		width: 55%;
		left: 50%;
		transform: translateX(-50%);
		margin-bottom: 30px;
	}
	.resume-partner-img img{
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 480px) {
    .owl-pagination {
        bottom: 10px;
    }
}
@media only screen and (max-width: 360px) {
	.footer-col-content {
		margin: 0px -50px 0px 0px;
	}
}

@media only screen and (max-width: 319px) {
    .nav-social-links {
        display: none;
    }
}

@media only screen and (max-height: 767px) {}

.mobile .page-section,
.mobile .home-section,
.mobile .small-section {
    background-attachment: scroll;
}

@media all and (min-width: 768px) and (max-width: 980px) {
    .testimonials .testimonials-owl .owl-nav > div.owl-prev {
        left: 0 !important;
    }
    .testimonials .testimonials-owl .owl-nav > div.owl-next {
        right: 0 !important;
    }
    .testimonials .testimonials-owl .testimonials-owl-item {
        color: white;
        width: 75%;
        margin: 0 auto;
    }
    .testimonials .testimonials-owl .testimonials-owl-item {
        color: white;
        width: 75%;
        margin: 0 auto;
    }
    .col-img img {
        margin-top: 80px;
    }
    .random .col-contents {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .header-carousel .slider-item .slider-contents h1 {
        font-size: 30px !important;
    }
}

@media (min-width: 768px) {
    nav.top-a .navbar-right:not(.nav-box-btns) {
        margin-right: 10px;
    }
    .blog-wrapper.blog-list-col-ltsb .container > .row,
    .blog-wrapper.blog-list-thumb-ltsb .container > .row,
    .blog-wrapper.blog-post-ltsb .container > .row {
        position: relative;
    }
    .blog-wrapper.blog-list-col-ltsb .all-posts-list,
    .blog-wrapper.blog-list-col-ltsb .col-blog-post,
    .blog-wrapper.blog-list-thumb-ltsb .all-posts-list,
    .blog-wrapper.blog-list-thumb-ltsb .col-blog-post,
    .blog-wrapper.blog-post-ltsb .all-posts-list,
    .blog-wrapper.blog-post-ltsb .col-blog-post {
        margin-left: 25%;
    }
    .blog-full.col-blog-post {
        margin-left: 0% !important;
    }
    .blog-wrapper.blog-list-col-ltsb .sidebar,
    .blog-wrapper.blog-list-thumb-ltsb .sidebar,
    .blog-wrapper.blog-post-ltsb .sidebar {
        position: absolute;
        left: 0;
    }
    .blog-wrapper.blog-list-thumb-nosb .all-posts-list .all-posts .single-post.type-img .post-header {
        margin-right: 15px;
        padding-right: 0;
        width: -moz-calc(50% - 30px);
        width: calc(50% - 30px);
    }
    .blog-wrapper.blog-list-thumb-rtsb .all-posts-list .all-posts .single-post .post-contents,
    .blog-wrapper.blog-list-thumb-ltsb .all-posts-list .all-posts .single-post .post-contents {
        width: 55.55556%;
    }
    .blog-wrapper.blog-list-thumb-rtsb .all-posts-list .all-posts .single-post.type-img .post-header,
    .blog-wrapper.blog-list-thumb-ltsb .all-posts-list .all-posts .single-post.type-img .post-header {
        margin-right: 15px;
        width: 370px;
        padding-right: 0;
    }
    .blog-wrapper.blog-list-thumb-rtsb .all-posts-list .all-posts .single-post.type-img .post-contents,
    .blog-wrapper.blog-list-thumb-ltsb .all-posts-list .all-posts .single-post.type-img .post-contents {
        width: 55.55556%;
    }
}

@media (min-width: 988px) {
    nav.left-a + main .container {
        width: 750px;
    }
}

@media (min-width: 1200px) {
    .container {
        overflow: hidden;
    }
    .container > .row {
        margin-right: -30px;
        margin-left: -30px;
    }
}

@media (min-width: 1212px) {
    nav.left-a + main .container {
        width: 970px;
    }
}

@media (min-width: 1420px) {
    nav.left-a + main .container {
        width: 1170px;
    }
}

@media (min-width: 1600px) {
    header.page {
        background-position: -moz-calc(100% - 147px) bottom;
        background-position: calc(100% - 147px) bottom;
    }
}

@media (max-width: 1600px) {
    nav.left-a {
        width: 220px;
    }
    nav.left-a .navbar-header {
        margin: 75px 5px 80px;
    }
    nav.left-a .nav-stacked {
        margin-left: 15px;
        margin-right: 15px;
    }
    nav.left-a .nav-social {
        margin: 60px 23px 0;
    }
    nav.left-a + main {
        margin-left: 220px;
        width: -moz-calc(100% - 220px);
        width: calc(100% - 220px);
    }
}

@media (max-width: 1419px) {
    header.home-blue .header-blue-carousel .header-blue-item .container > .row > [class^="col-"] {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .header-carousel .owl-nav > div.owl-prev {
        display: none;
    }
    .header-carousel .owl-nav > div.owl-next {
        display: none;
    }
}

@media (max-width: 640px) {
    nav.top-a {
        padding-right: 0;
        padding-left: 0;
    }
    .feature .col-feat {
        padding-left: 15px;
    }
    .feature .col-feat {
        padding-top: 20px;
    }
    .purchase .sec-btns + .sec-btns {
        margin-left: 0;
        margin-top: 15px;
    }
    .projects {
        padding: 0;
        margin-top: 100px;
    }
    .testimonials {
        padding: 40px 0;
    }
    .top .nav > li > a {
        position: relative;
        display: block;
        padding: 0;
    }
    .services .col-sm-4 {
        text-align: center;
        margin-bottom: 60px;
    }
    .random > .container > .row .col-img img {
        top: 50px;
        left: 50px;
        display: none;
    }
    .testimonials .testimonials-owl .owl-nav > div.owl-prev {
        display: none;
    }
    .testimonials .testimonials-owl .owl-nav > div.owl-next {
        display: none;
    }
    .fullwidth-slider .owl-next {
        display: none;
    }
    .fullwidth-slider .owl-prev {
        display: none;
    }
    .random .col-contents {
        padding-top: 80px;
    }
    footer .col-xs-12 {
        width: 80%;
    }
    .carousel-control .ti-angle-left {
        top: 33%;
        padding: 8px;
        left: 15px;
    }
    .carousel-control .ti-angle-right {
        top: 33%;
        padding: 8px;
        left: 0;
    }
}

@media (max-width: 768px) {
    .subtext h1 {
        font-size: 20px;
    }
    .clear {
        clear: both !important
    }
    .subtext {
        padding-bottom: 12px;
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 25px;
    }
    .blog-wrapper.blog-list-thumb-rtsb .all-posts-list .all-posts .single-post .post-header,
    .blog-wrapper.blog-list-thumb-ltsb .all-posts-list .all-posts .single-post .post-header {
        height: 300px;
        width: 100%;
    }
    .blog-wrapper .all-posts-list .all-posts .single-post.type-quo .post-contents .post-text {
        font-size: 12px;
    }
    .blog-wrapper .all-posts-list .all-posts .single-post.type-quo .post-contents::before {
        margin: 35px auto 28px;
        font-size: 50px;
    }
    .blog-wrapper.blog-list-thumb-nosb .all-posts-list .all-posts .single-post.type-car .post-header {
        width: 100%;
    }
}

@media only screen and (max-width: 800px) {
    .home-a .tp-rightarrow.tparrows.hesperiden {
        display: none !important;
    }
    .home-a .tp-leftarrow.tparrows.hesperiden {
        display: none !important;
    }
    .photography-footer h3 {
        font-size: 18px;
        color: #fff;
        margin: 15px;
    }
}

@media only screen and (max-width: 640px) {
    .responsive-s {
        display: none;
    }
}

@media only screen and (min-width: 1024px) {
    .s-width.mn-sub {
        width: 600px !important;
    }
}

@media only screen and (max-width: 1365px) {
    nav.left-a + main {
        margin-left: 0;
        width: calc(100%);
    }
    nav.left-a {
        display: none;
        width: 275px;
    }
    .blue-mobile-menu {
        display: block;
    }
    .blue-mobile-menu.navbar-inverse {
        background: #fff;
        border: none;
        border-radius: 0px;
    }
    .blue-mobile-menu .navbar-brand {
        height: 75px;
        padding: 25px 15px;
    }
    .blue-mobile-menu .navbar-toggle {
        padding: 9px 10px;
        margin-top: 20px;
        background-color: #53bced;
        background-image: none;
        border: none;
        border-radius: 0px;
    }
    .blue-mobile-menu .navbar-toggle:hover {
        background-color: #53bced;
    }
    .blue-mobile-menu .navbar-toggle:focus {
        background-color: #53bced;
    }
    .blue-mobile-menu.navbar-inverse .navbar-nav > li > a {
        font-size: 14px;
        font-weight: bold;
        font-family: 'Montserrat';
        letter-spacing: 1px;
        text-transform: uppercase !important;
        outline: none;
        color: #222;
        line-height: 45px;
        transition: .3s;
    }
    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:focus,
    .navbar-inverse .navbar-nav > .open > a:hover {
        color: #222;
        background-color: transparent;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #53bced;
        background-color: transparent;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #5c5b5b;
        font-size: 14px;
        font-weight: bold;
        font-family: 'Montserrat';
        text-transform: capitalize;
        letter-spacing: 1px;
        line-height: 40px;
    }
    .navbar-toggle {
        display: block;
    }
    .blue-mobile-menu  .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
    }
    .navbar-nav>li {
        float: none;
    }
    .blu.navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header {
        float: none;
    }
}

@media only screen and (max-width: 640px) {
    .feature .col-feat {
        padding-left: 40px !important;
    }
    .services {
        padding-top: 100px;
        padding-bottom: 40px;
    }
    #projects .btn-slider {
        margin: 0px auto 0;
    }
    #projects .home-le.btn-slider {
        margin: 40px auto 0;
    }
    .update_btn.pull-right {
        float: left !important;
        margin-top: 30px;
    }
    .shop-cart-section .shoping-table .cart-item.action .coupon input {
        margin-bottom: 20px;
    }
    .qtyBtn.btnPlus::before {
        left: 40px !important;
    }
    .quantity .qtyBtn.btnPlus {
        margin-left: 12px;
    }
    .shop-right-side.single-left .product-summery .singShop_btn_count .cartButtons {
        padding: 19px 12px;
    }
    .shop-std-related.products .related_img img {
        margin-top: -25px;
    }
    .home-projects-grid .project.project-wide {
        margin-bottom: 0 !important;
    }
}

@media only screen and (max-width: 768px) {
    header.home-blue .header-blue-carousel .owl-nav > div.owl-prev {
        display: none;
    }
    header.home-blue .header-blue-carousel .owl-nav > div.owl-next {
        display: none;
    }
    header.home-blue .header-blue-carousel .header-blue-item h1 {
        font-size: 24px;
    }
    .img-wrapper {
        margin-top: 15px;
    }
    .navbar-input-search {
        width: 250px;
    }
    .hesperiden.tparrows {
        display: none !important;
    }
}

@media only screen and (max-width: 767px) {
    .testimonials .testimonials-owl .owl-nav > div.owl-prev {
        display: none;
    }
    .testimonials .testimonials-owl .owl-nav > div.owl-next {
        display: none;
    }
    header.about {
        height: 290px;
        padding-top: 32px;
    }
    .img-wrap img {
        right: 0;
    }
    .box-of {
        margin-bottom: 30px;
    }
    .type-quo .post-thumb {
        width: 100%;
        height: 250px;
    }
    .responsive-m-c {
        margin-top: 50px;
        margin-left: 15px;
    }
    .price-item {
        margin-bottom: 30px;
    }
    .pricing-table-2 .table2-item .table-pricing-inner .table2-price-area .sign {
        left: 42%;
    }
    .pricing-table-3 .ptable-3-item .ptable-3-inner .ptable-3-price .sign {
        left: 33%;
    }
    header.about p,
    header.page p {
        line-height: 1.2;
    }
    .table2-item {
        margin-bottom: 30px;
    }
    .ptable-3-item {
        margin-bottom: 30px;
    }
    .shop-cart-section .cart-coll-teral .cart-total {
        margin-top: 30px;
    }
    .c-total {
        margin-top: 140px;
    }
    .create_ac {
        font-size: 10px !important;
    }
    header.blog,
    header.page {
        height: 250px;
        padding-top: 30px;
    }
    .photography-search {
        margin-top: 0;
        margin-bottom: 65px;
    }
    .photography-logo {
        margin-top: 35px;
        margin-bottom: 65px;
    }
}

@media only screen and (max-width: 400px) {
    footer .footer-blue-social .footer-social-btns + .footer-social-btns {
        margin-left: 20px;
        margin-bottom: 20px;
    }
    .pricing-table-2 .table2-item .table-pricing-inner .table2-price-area .sign {
        left: 35% !important;
    }
}

@media only screen and (max-width: 980px) {
    .feature .col-feat {
        padding-left: 10px;
    }
    .feature .col-feat p:not(.sub-head) {
        margin-bottom: 15px;
    }
    .feature .col-feat .sub-head {
        margin-bottom: 5px;
    }
    .purchase h3 {
        font-size: 24px;
    }
    footer .footer-top .footer-col-head {
        padding-top: 30px;
        height: 60px;
    }
    .extra-margin-top {
        margin-top: 80px;
    }
    .about-testimonial {
        background: transparent;
    }
    .a-testi {
        background: #fff;
        padding-left: 20px;
        padding-right: 55px;
        box-shadow: none;
        padding-top: 0;
        padding-bottom: 0;
    }
    .content-area2 {
        margin-bottom: 60px;
    }
    .icon-left {
        float: none !important;
        padding-bottom: 35px;
    }
    .btn-cart {
        padding: 10px 38px !important;
    }
    header.blog {
        height: 260px;
        padding-top: 32px;
    }
    .new-collection-img {
        display: none;
    }
    .pricing-table-2 .table2-item .table-pricing-inner .table2-price-area .sign {
        top: 20%;
    }
    .pricing-table-1 .price-item .price-item-inner h5::before {
        top: 8%;
    }
    .shop-cart-section .shoping-table .cart-item.action .coupon input {
        padding: 18px 10px;
    }
    .shop-cart-section .shoping-table .cart-item.action .update_btn .update_cart {
        padding: 18px 10px;
    }
    .shop-cart-section .shoping-table .cart-item.action .update_btn .cont_shop {
        padding: 18px 10px;
    }
    .shop-product-item:hover .shop-full-desc::after {
        border: none;
    }
    .shop-fullwidth-gallery .sorting select.orderby {
        width: 60%;
    }
    .shop-right-side .shop-product-item:hover .shop-full-desc::after {
        opacity: 0;
    }
    .shop-right-side .widget h3 {
        line-height: 20px;
    }
    .shop-right-side .sorting span {
        display: none;
    }
    .single-shop-standard .shop-std-img {
        height: 774px;
        width: 68%;
        transform: translateX(-50%);
        left: 50%;
    }
    .product-summery {
        margin-top: 845px;
    }
    .standard-r.col-sm-offset-3 {
        margin-left: 4%;
    }
    .m-standard .qtyBtn.btnPlus::before {
        left: 35px !important;
    }
    .quantity .qtyBtn.btnPlus {
        margin-left: 10px;
    }
}

@media all and (max-width: 639px) {
    .mobile.col-xs-6 {
        width: 300px;
        margin: 0 auto;
        left: 50%;
        transform: translateX(-50%);
    }
    .shop-fullwidth-gallery .sorting select.orderby {
        width: 100% !important;
    }
    .shop-fullwidth-gallery .sorting form::after {
        display: none;
    }
    .mobile-margin-top {
        margin-top: 40px;
    }
    .new-collection h1 {
        margin: 35px auto 26px;
        line-height: 1.13333;
        letter-spacing: 1.5px;
        font-weight: 700;
        font-size: 50px;
        color: white;
    }
    .new-collection a:last-child {
        margin-left: 0px;
        margin-top: 15px;
    }
    .new-collection a:last-child:hover {
        margin-left: 0px;
    }
}

@media all and (min-width: 769px) and (max-width: 1365px) {
    .service-content {
        padding: 30px 0;
    }
}

@media all and (min-width: 460px) and (max-width: 640px) {
    .home-app-header .btn.l-more {
        margin-top: 0px !important;
    }
}

@media all and (min-width: 768px) and (max-width: 980px) {
    .blog-wrapper.blog-list-col-ltsb .all-posts-list,
    .blog-wrapper.blog-list-col-ltsb .col-blog-post,
    .blog-wrapper.blog-list-thumb-ltsb .all-posts-list,
    .blog-wrapper.blog-list-thumb-ltsb .col-blog-post,
    .blog-wrapper.blog-post-ltsb .all-posts-list,
    .blog-wrapper.blog-post-ltsb .col-blog-post {
        margin-left: 35%;
    }
    .tab.col-sm-3 {
        width: 32%;
    }
    .tab.col-sm-9 {
        width: 66%;
    }
    .type-quo .post-thumb {
        width: 100%;
        height: 390px;
    }
    .blog-wrapper .all-posts-list .all-posts .single-post.type-quo .post-contents .post-text {
        font-size: 16px;
    }
    .blog-wrapper .col-blog-post .blog-suggestions .blog-suggestion .sugg-contents h4 {
        font-size: 13px;
    }
    .service-content {
        padding: 45px 0;
    }
    .pricing-table-2 .table2-item .table-pricing-inner .table2-price-area .sign {
        left: 20%;
    }
    .shop-right-side .widget_size_search .widget_body {
        margin-bottom: 40px;
        margin-top: 30px;
        width: 30%;
    }
    .shop-right-side .widget_size_search .widget_body ul li {
        margin-bottom: 15px;
    }
}

@media all and (min-width: 1024px) and (max-width: 1366px) {
    .standard-r.col-sm-offset-3 {
        margin-left: 30%;
    }
}

@media all and (min-width: 320px) and (max-width: 767px) {
    .single-shop-standard .shop-std-img {
        height: 450px;
    }
    .product-summery {
        margin-top: 480px;
    }
    .rela-margin {
        margin-top: 90px;
    }
    .single-left .single-shop-left-tab .tab-content .tab-pane {
        padding: 36px 30px;
    }
    .m-standard .cartButtons {
        padding: 19px 12px !important;
    }
}


/* Home App responsive */

@media only screen and (max-width: 640px) {
    .ex-ap-t-margin .left {
        margin-left: 30px;
    }
    .ex-ap-t-margin .left {
        float: none;
    }
    .home-app-header .btn.l-more {
        margin-top: 30px;
    }
    .subcribe-box .subscription .form-group input {
        width: 95%;
    }
}

@media all and (min-width: 768px) and (max-width: 980px) {
    .home-app-header {
        margin-top: 150px;
    }
    .app-feature-box-right {
        margin: 0;
    }
    .app-feature-box {
        margin: 0;
    }
    .app-feature-box-margin {
        margin-bottom: 30px !important;
        margin-top: 0px !important;
    }
    .app-feature-box-right h4 {
        margin-top: 40px;
        margin-bottom: 15px;
    }
    .app-feature-box h4 {
        margin-top: 40px;
        margin-bottom: 15px;
    }
    .app-team-area .thumbnail {
        margin: 0px;
    }
    .team-social a i {
        padding-right: 5px;
        padding-left: 5px;
    }
    .latest-post-text {
        padding: 25px 12px;
    }
    .latest-post-area .thumbnail {
        margin: 15px;
    }
    .get-app-text {
        margin-top: 12px;
    }
    .get-app .pera {
        text-align: left;
        margin-top: 20px;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .i-mocup img {
        display: none;
    }
    .app-feature-box {
        text-align: left;
        margin: 30px;
    }
    .app-feature-box .pera {
        text-align: left;
    }
    .flate-mockup img {
        display: none;
    }
    .get-ap-m img {
        display: none;
    }
    .subcribe-box .subscription button {
        margin-left: -122px;
    }
    .subcribe-box .form-inline .form-group {
        margin-left: -25px;
    }
    .awesome-screen-owl .owl-dot {
        display: none;
    }
    .app-testimonial-owl .owl-dot {
        display: none;
    }
    .legal-testimonials-owl .owl-dot {
        display: none;
    }
    .service-curesel .owl-dot {
        display: none;
    }
}


/* Home constraction responsive */

@media only screen and (max-width: 768px) {
    .hesperiden.tp-bullets {
        display: none;
    }
    .home-con.btn-slider {
        margin-top: 30px !important;
        margin-bottom: 80px !important;
    }
    .con-blog {
        margin-bottom: 30px;
    }
    .pertner-con {
        margin-top: 35px;
    }
    .project-constraction {
        padding-top: 120px;
    }
    .chose-us {
        padding-top: 55px;
        padding-left: 41px;
        padding-right: 10%;
    }
	.color_switcher_zone{
		display: none;
	}
	
}


/* Home resume responsive*/

@media only screen and (max-width: 1366px) {
    .home-resume-text {
        padding-left: 5%;
    }
}

@media only screen and (max-width: 1366px) {
    .portfolio-no-padding {
        padding-left: 0px;
        padding-right: 15px;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 980px) {
    .port-box:hover .port-caption h3 {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        margin-top: 10%;
    }
    .port-box:hover .r-long-img.port-caption h3 {
        margin-top: 40%;
    }
}

@media only screen and (max-width: 460px) {
    .s-italic-rev {
        font-size: 10px;
        margin-bottom: 25px !important;
        margin-top: 25px;
    }
    .rev-btn {
        margin-top: 25px;
    }
	.header .nav-tools .cart-menu {
		right: -65px;
	}
}

@media only screen and (max-width: 460px) {
    .home-app-header .pera {
        font-size: 36px;
        text-align: left;
        color: #fff;
        line-height: 42px;
        margin-bottom: 25px;
    }
    .home-app-header h1 {
        color: #fff;
        font-size: 34px;
        font-weight: bold;
        font-family: 'Montserrat';
        text-align: left;
    }
    .home-app-header {
        margin-top: 200px;
    }
}