@charset "UTF-8";

/*=================================
*======= Responsive ========
*===============================*/

@media (min-width: 1200px) {
	/* Home */
	

}

@media (min-width: 959px) and (max-width: 1199px) {
	/* Home */
	#category-banner figure {
		padding: 20px;
	}
	#category-banner figure figcaption .inside {
		padding: 30px !important;
	}
	#header_body .container {
		width: 100%;
	}
	
	/* About Me */
	#about-me .profile_bg {
		position: relative;
	}
	#about-me .profile-inner {
		top: 95px;
		left: 30px;
	}
	#about-me .porfile-info {
		width: 400px;
	}
	
	/* Map */
	#map-canvas {
		width: 100% !important;
	}
	
	.slider-content {
	    padding: 200px 0px 100px;
	}
	.swiper-wrapper {
        margin-left: -100px;
    }
	.slider-wrapper .col-lg-6 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    
    
    
    .contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"], .contact-form textarea {
	    padding: inherit !important;
        margin: inherit !important;
	}
}

@media (max-width: 960px) {
	/* Home */
	#navigation .navbar-nav > li > a {
		font-size: 10px !important;
		padding: 15px 5px;
	}
	
	/* Slider */
	#tm-carousel .carousel-inner .item {
		height: 450px;
	}
	#tm-carousel .carousel-inner h2 {
		font-size: 28px;
		margin-bottom: 15px !important;
	}
	#tm-carousel hr.tm_divider {
		margin-bottom: 25px;
		background-size: 60%;
	}
	#tm-carousel .carousel-inner a {
		font-size: 16px;
		margin: 10px 0px 0px;
	}
	#category-banner figure {
		padding: 15px;
	}
	#category-banner figure figcaption .inside {
		padding: 20px !important;
	}
	
	/* About Me */
	#about-me .profile_bg {
		position: relative;
	}
	#about-me .profile-inner {
		top: 60px;
		left: 30px;
	}
	#about-me .porfile-info {
		width: 350px;
		font-size: 11px;
	}
	#about-me .porfile-info h2{
		font-size: 16px;
	}
	#about-me .profile_bg {
		padding-bottom: 50px;
	}
	
	/* Portfolio */
	#portfolio ul#portfolio-filter li a{
		font-size: 11px;
	}
	#portfolio .view-wrap h2 {
		margin: 10px 40px 0px 40px;
		font-size: 13px;
	}
	#portfolio .view p {
		line-height: 20px;
	}
	#portfolio .load-wrap {
		position: relative;
	}
	
	/* Services */
	#sidebar div#flickrbox {
		width: 100%;
	}
	
	.footer .email-form {
	    width: inherit;
	}
	.footer .wpcf7-submit {
        width: inherit;
    }
    
    /*.swiper-wrapper {
        margin-right: 0;
        margin-left: 0;
    }*/
    
    .slider-wrapper .wrapper {
	    padding: 150px 0px 100px !important;
	}
    
    /*.line1 {
        min-width: 100%;
        max-width: 100%;
        left: 0;
        right: 0;
    }*/
    
    .contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"], .contact-form textarea {
	    padding: inherit !important;
        margin: inherit !important;
	}
}

@media (min-width: 768px) and (max-width: 961px){
	/* Home */
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .product-section.product-category-section .woocommerce ul.products li.product {
		width: 48%;
	}
	#header_body .container {
		width: 100%;
	}
	#navigation .navbar-nav > li > a {
		font-size: 9px !important;
	}
	.navbar-main .dropdown-menu > li > a {
		font-size: 10px !important;
	}
	
	/* Slider */
	#tm-carousel .carousel-inner h2 {
		font-size: 21px;
		margin-bottom: 5px !important;
	}
	#tm-carousel hr.tm_divider {
		background-size: 35%;
	}
	#tm-carousel .carousel-inner a {
		margin: 0;
	}
	/*.swiper-wrapper {
        margin-right: 200px;
    }*/
    
    .swiper-slide-next {
        height: 100% !important;
    }

    .swiper-slide-prev {
        height: 100% !important;
    }

    .swiper-slide-active {
        height: 100% !important;
    }
	
	.widget h3.widget_title {
		font-size: 16px;
	}
	.footer {
		font-size: 12px;
		padding: 25px 0px 0px;
	}
}

@media (max-width: 767px) {
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
		width: 48%;
	}
	.product-section.product-category-section .woocommerce ul.products li.product {
		width: 48%;
	}
	.blog_detail_page .entry-thumbnail {
	    height: auto;
	}
	.why_iso {
	    padding-bottom: 0px !important;
	}
	.button_lists ul {
	    flex-direction: column;
	}
	.button_lists ul li {
	    margin-bottom: 15px;
	}
	.button_lists ul li:last-child {
	    margin-bottom: 0;
	}
	.button_lists ul li a {
	    padding: 12px 24px;
        font-size: 18px;
        width: 100%;
	}
	
	.iso .heading h2 {
        font-size: 30px;
        line-height: 40px;
    }
	
	.why_choose .image {
	    margin-bottom: 25px;
	}
	
	.slider-wrapper .default-content-1 {
	    padding: 100px 0px !important;
	}
	
	.slider-wrapper .col-lg-11 {
	    width: 100% !important;
	}
	
	.slider-wrapper .default-content-1 h2 {
        font-size: 38px;
    }
	
	.navbar-brand img {
        max-width: 80%;
    }
    
    .footer .wpcf7 {
        width: 50%;
    }
	
	/* Home */
	#home {
		padding-bottom: 30px;
	}
	#secondary-nav {
		top: 0px;
	}
	#navigation .navbar-brand {
		padding: 0px;
	}
	#navigation .navbar-nav > li > a {
		padding: 3px 20px;
	}
	#navigation .navbar-nav {
		width: 100%;
		padding-left: 0px;
	}
	#navigation #mobile-menu {
		padding-bottom: 0px;
		width: 100%;
	}
	.navbar-default .navbar-collapse {
		width: 100%;
		background-color: #F0F0F0;
		padding: 15px;
		float: left;
		padding-left: 0px;
	}
	.navbar-default .navbar-collapse .nav>li {
		padding: 3px 1px;
	}
	.navbar-default .navbar-toggle {
		margin-top: 12px;
		margin-right: 10px;
	}
	#navigation #mobile-menu ul li a {
		font-size: 11px;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}
	#navigation #logo {
		padding-left: 0px;
	}
	#navigation .navbar-brand h1 img {
		width: 105px;
	}
	.header-cart .widget {
		width: 100%;
		right: 0;
	}
	.navbar-default .navbar-toggle {
		float: left;
	}
	#secondary-nav #search-btn {
		min-height: 20px;
	}
	.entry-meta ul li a {
		font-size: 9px !important;
	}
	.entry-meta ul li.category a {
		padding: 1px 3px;
	}
	.entry-title {
		font-size: 16px;
	}
	.home .post .entry-title {
		padding-top: 20px;
		padding-bottom: 20px;
		margin-top: 28px;
	}
	#category-banner figure {
		padding: 15px;
	}
	#category-banner figure figcaption .inside {
		padding: 20px !important;
	}
	
	/* WooCommerce */
	.product-section.product-category-section .woocommerce ul.products li.product {
		width: 48%;
	}
	.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product {
		width: 48%;
	}
	
	/* Slider */
	#tm-carousel .carousel-inner .item {
		height: 400px;
	}
	#tm-carousel .carousel-inner h2 {
		font-size: 20px;
	}
	#tm-carousel .carousel-inner p {
		font-size: 15px;
		line-height: 16px;
	}
	
	/* Footer */
	#footer .widget .tagcloud {
		height: 200px;
	}
	#footer .footer-menu {
		text-align: left;
		margin-left: -40px;
		margin-top: 10px;
	}
	
	/* About Me */
	#about-me .profile_bg {
		position: relative;
	}
	#about-me .profile-inner {
		top: 60px;
		left: 30px;
	}
	#about-me .porfile-info {
		width: 350px;
		font-size: 11px;
	}
	#about-me .porfile-info h2{
		font-size: 16px;
	}
	#about-me .profile_bg {
		padding-bottom: 80px;
	}
	
	/* Portfolio */
	#portfolio ul#portfolio-filter li.last {
		width: 100%;
		text-align: left;
		float: right;
		display: block;
	}
	#portfolio .portfolio-items .portfolio-item.col-md-4 {
		width: 50% !important;
	}
	
	/* Breadcrumbs */
	.capecom-breadcrumbs {
		float: left;
	}
	.capecom-breadcrumbs .breadcrumb a {
		font-size: 10px;
	}
	
	.contact-form .wpcf7-form-control, .contact-form .wpcf7-spinner {
        margin: 20px 0px 0;
    }

	/*.navbar>.container-xxl {flex-wrap: nowrap;}*/
	#services .default-content-1 h4 {margin-bottom: 10px !important; font-size: 16px;}
	#services .default-content-1 .content div {font-size: 14px;}
	
	.slider-wrapper .wrapper {
	    overflow: visible;
	}
	
	.swiper {
      width: 100%;
      height: 350px;
    }
    .swiper-wrapper {
        width: 300px;
        margin-left: -200px;
    }
    .swiper-slide {
      width: 300px;
    }

    .swiper-slide img {
        width: 100%;
        height: 100%;
    }
    
    /*.swiper-slide-next img {
      transform: scale(1);
    }

    .swiper-slide-prev img {
      transform: scale(1);
    }*/

    .swiper-slide-next {
        height: 100% !important;
    }

    .swiper-slide-prev {
        height: 100% !important;
    }

    .swiper-slide-active {
        height: 100% !important;
    }
    .footer .email-form {
        width: inherit;
    }
}

@media(max-width: 479px){
	.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering {
		width: 100%;
	}
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
		width: 98%;
	}
	.product-section.product-category-section .woocommerce ul.products li.product {
		width: 98%;
	}
	
	/* Slider */
	#tm-carousel hr.tm_divider {
		margin-top: 15px;
		margin-bottom: 10px;
	}
	.swiper {
      width: 100%;
      height: 300px;
    }
    .swiper-wrapper {
        width: 250px;
        margin-left: -380px;
    }
    .swiper-wrapper.reverse {
        margin-left: -475px;
    }
    .swiper-slide {
      width: 250px;
    }

    .swiper-slide img {
        width: 100%;
        height: 100%;
    }
    
    /*.swiper-slide-next img {
      transform: scale(1);
    }

    .swiper-slide-prev img {
      transform: scale(1);
    }*/
	
	/* WooCommerce */
	.product-section.product-category-section .woocommerce ul.products li.product {
		width: 98%;
	}
	.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product {
		width: 98%;
	}
	
	/* About Me */
	#about-me .porfile-info {
		width: 280px;
		font-size: 10px;
	}
	#about-me .profile-inner {
		top: 50px;
		left: 10px;
	}
	#about-me .porfile-info img {
		width: 85px;
	}
	#about-me .porfile-info .media-body {
		line-height: 14px;
	}
	
	/* Portfolio */
	#portfolio .portfolio-items .portfolio-item.col-md-4 {
		width: 100% !important;
	}
	#portfolio .view-wrap h2 {
		margin: 50px 40px 0px 40px;
		font-size: 17px;
	}
	
	/* Map */
	#map-canvas {
		height: 400px !important;
	}
	
	/* Footer */
	#footer .footer-menu {
		margin-top: 0px;
	}
	.footer .email-form {
        width: 100%;
    }
    
    .blog_post {
        padding-top: 0 !important;
    }
    .blog_post.lists {
        padding: 50px 0 !important;
    }
    .blog_post .heading {
        margin-bottom: 3rem !important;
    }
}

@media(max-width: 320px) {
    
	/* Home */
	.home #content article.post {
		margin-bottom: 40px;
	}
	
	/* Slider */
	#tm-carousel .carousel-inner h2 {
		font-size: 20px;
	}
	#tm-carousel .carousel-inner p {
		font-size: 16px;
	}
	.swiper-wrapper {
        width: 250px;
        margin-left: -250px;
    }
    .swiper-wrapper.reverse {
        margin-left: -375px;
    }
	
	/* About Me */
	#about-me .porfile-info {
		width: 250px;
	}
	
	/* Map */
	#map-canvas {
		height: 300px !important;
	}
}