﻿/*
Theme Name: AutoWork
Author: KopaSoft
Author URI: http://kopatheme.com/
Version: 1.0.1

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@media screen and (max-width: 1120px) {

.wrapper {
  width: 980px; 
}
.header-top-left {
  padding-right: 90px;
}
.content-top .kopa-search-form-widget {
  top: 25px;
}
.owl-carousel-3 {
  margin-bottom: 30px;
  margin-top: 30px;
}
.sv-line::before, .sv-line::after {
  height: 125px;
}
.scrollup {
  top: -140px;
}
.kopa-area-2 .span-bg::before, .kopa-area-2 .span-bg::after {
  top: -75px;
}
.kopa-area-2 .span-bg::before, .kopa-area-2 .span-bg::after {
  height: 90px;
}
.kopa-area-2 .span-bg .c-tg::before, .kopa-area-2 .span-bg .c-tg::after {
  bottom: -75px;
}
.kopa-area-2 .span-bg .c-tg::before, .kopa-area-2 .span-bg .c-tg::after {
  height: 90px;
}
.kopa-header.style3 .kopa-logo {
  width: 300px;
}
.kopa-address-box.style2 ul li {
  margin: 0 0 0 15px;
  font-size: 14px;
}
.header-middle-left {
  padding-right: 15px;
  margin-right: 20px;
}
.owl-carousel-6 .entry-content {
  top: 90px;
}
.kopa-blog-list-1,
.kopa-blog-list-2 {
  margin-top: 0;
}
.kopa-blog-list-3 .masonry-list-wrapper > ul {
  margin-top: -50px;
}
.kopa-article-list-widget .widget-content {
  margin-top: -20px;
}
.kopa-article-list-widget .widget-content .row {
  margin-top: 20px;
}
.nav-tabs.kopa-tabs-2 > li a {
  font-size: 14px;
  padding: 7px 15px;
}
.nav-tabs.kopa-tabs-1 > li a,
.nav-tabs.kopa-tabs-3 > li a,
.nav-tabs.kopa-tabs-4 > li a {
  font-size: 14px;
}
.nav-tabs.kopa-tabs-4 > li a {
  padding: 7px 10px;
}
.kopa-tab-container-4.row {
  margin-left: -10px;
  margin-right: -10px;
}
.kopa-tab-container-4.row > div,
.kopa-tab-container-4.row > ul {
  padding-left: 10px;
  padding-right: 10px;
}
.woocommerce .kopa-masonry-wrap, 
.woocommerce-page .kopa-masonry-wrap {
  margin-left: -15px;
  margin-right: -15px;
}
.woocommerce .kopa-masonry-wrap li, 
.woocommerce-page .kopa-masonry-wrap li {
  padding-left: 15px;
  padding-right: 15px;
  width: 33.32%;
}

.kopa-element-container {
  padding: 30px;
}
.kopa-element-container .kopa-button {
  padding-left: 30px;
  padding-right: 30px;
}
.kopa-element-container i {
  margin-right: 30px !important;
}



}


@media screen and (max-width: 1023px) {

.wrapper {
  width: 960px;
}
.header-top-left {
  padding-right: 60px;
}
.owl-theme .owl-controls.style1 .owl-buttons div.owl-prev {
  left: -30px;
}
.owl-theme .owl-controls.style1 .owl-buttons div.owl-next {
  right: -30px;
}
.entry-title.style1, .entry-title.style2 {
  font-size: 34px;
  line-height: 40px;
}
.entry-title.style2 {
  font-size: 22px;
  line-height: 28px;
}
.article-list-2 .widget-content > ul {
  margin-left: -15px;
  margin-right: -15px;
}
.article-list-2 .widget-content > ul li.ms-item3 {
  padding-left: 15px;
  padding-right: 15px;
}
.kopa-skill-1-widget .widget-content .row {
  margin-top: -30px;
}
.kopa-skill-1-widget .widget-content .row li {
  margin-top: 30px;
}
.kopa-contact-info .row > div .social-box {
  text-align: left;
}
.car-detail-box .car-des {
  margin-bottom: 30px;
}




}



@media screen and (max-width: 979px) {

.wrapper {
  width: 780px; 
}
.header-top-left {
  padding-right: 15px;
  margin-right: 20px;
}
.header-top-right .kopa-top-nav {
  display: none;
}
.main-menu {
  display: none;
}
.main-nav-mobile {
  display: block;
}
.content-top .kopa-search-form-widget {
  top: 5px;
}
.kopa-search-form-widget .widget-content .select-block > p {
  margin-bottom: 5px !important;
}
.kopa-search-form-widget .widget-content input.sc-submit {
  margin-bottom: 0;
}
.kopa-search-form-widget .widget-content input {
  margin-bottom: 10px;
}
.kopa-search-form-widget .widget-content .sc-submit {
  padding: 10px 20px;
  height: 40px;
  line-height: 20px;
}
.kopa-search-form-widget .widget-content {
  padding: 15px;
}
.kopa-search-form-widget .widget-content .ft-left p {
  line-height: 26px;
}
.kopa-area-2 .span-bg::before, .kopa-area-2 .span-bg::after {
  height: 80px;
}
.kopa-area-2 .span-bg::before, .kopa-area-2 .span-bg::after {
  top: -60px;
}
.entry-title.style1, .entry-title.style2 {
  font-size: 30px;
  line-height: 36px;
}
.entry-title.style2 {
  font-size: 18px;
  line-height: 28px;
}
.widget {
  margin-bottom: 80px;
}
.widget > header.style2 .widget-title a {
  top: 14px;
  font-size: 40px;
}
.widget > header.style2 .widget-title::before {
  border-top-width: 72px;
  border-right-width: 72px;
  left: -72px;
}
.widget > header.style2 .widget-title {
  padding: 15px 70px 15px 15px;
}
.widget-title {
  font-size: 36px;
  line-height: 42px;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row .col-xs-1, .row .col-sm-1, .row .col-md-1, .row .col-lg-1, .row .col-xs-2, .row .col-sm-2, .row .col-md-2, .row .col-lg-2, .row .col-xs-3, .row .col-sm-3, .row .col-md-3, .row .col-lg-3, .row .col-xs-4, .row .col-sm-4, .row .col-md-4, .row .col-lg-4, .row .col-xs-5, .row .col-sm-5, .row .col-md-5, .row .col-lg-5, .row .col-xs-6, .row .col-sm-6, .row .col-md-6, .row .col-lg-6, .row .col-xs-7, .row .col-sm-7, .row .col-md-7, .row .col-lg-7, .row .col-xs-8, .row .col-sm-8, .row .col-md-8, .row .col-lg-8, .row .col-xs-9, .row .col-sm-9, .row .col-md-9, .row .col-lg-9, .row .col-xs-10, .row .col-sm-10, .row .col-md-10, .row .col-lg-10, .row .col-xs-11, .row .col-sm-11, .row .col-md-11, .row .col-lg-11, .row .col-xs-12, .row .col-sm-12, .row .col-md-12, .row .col-lg-12 {
  padding: 0 15px;
}
.entry-thumb.style1 .entry-date.style3 {
  left: 10px;
}
.if-phone p {
  font-size: 64px;
  line-height: 70px;
}
.sv-line::before, .sv-line::after {
  height: 100px;
}
.scrollup {
  top: -130px;
}
.kopa-header-top.style2 .header-top-left {
  padding-right: 0;
}
.kopa-address-box ul li {
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 0 20px;
}
.kopa-address-box ul li i {
  font-size: 16px;
}
.owl-carousel-4 .entry-content {
  top: 80px;
}
.owl-theme .owl-controls.style3 .owl-pagination {
  bottom: -20px;
}
.ms-item3 {
  width: 24.9%;
}
.kopa-service-2-widget .entry-item .entry-icon {
  margin-right: 15px;
  font-size: 14px;
  width: 40px;
  height: 40px;
  line-height: 35px;
}
.team-style1 .entry-item .entry-thumb {
  width: 180px;
  margin-right: 20px;
}
.kopa-social-links.style2 ul li, .kopa-social-links.style3 ul li {
  margin: 0 7px 15px;
}
.owl-carousel-6 .entry-content p {
  display: none;
}
.owl-theme .owl-controls .owl-pagination {
  bottom: 20px;
}
.owl-carousel-6 .entry-content h2 {
  font-size: 40px;
  line-height: 46px;
}
.widget > header.style3 .widget-title {
  font-size: 30px;
  line-height: 36px;
}
.kopa-address-box.style2 {
  margin: 10px 0; 
}
.kopa-address-box.style2 ul li {
  float: none;
  display: block;
  margin: 10px 0 0;
  line-height: 30px;
}
.kopa-address-box.style2 ul li a {
  display: inline-block;
  line-height: 26px;
}
.kopa-address-box.style2 ul li i {
  margin: 0 10px 0 0;
  width: 30px;
  height: 30px;
  line-height: 26px;
  font-size: 14px;
}
.owl-carousel-3 {
  margin-bottom: 20px;
  margin-top: 20px;
}
.article-list-3 .entry-item .entry-content {
  padding: 15px 0;
}
.article-list-3 .entry-item:hover .entry-content {
  padding: 15px;
}
.car-detail-box .car-tech .car-tech-header .kopa-button {
  padding: 10px 15px;
}
.car-detail-box .car-des .car-content .kopa-tab-container-3 .tab-title {
  padding: 0 15px;
}
.car-detail-box .car-des .car-content .kopa-tab-container-3 .tab-title {
  float: none !important;
}
.car-detail-box .car-des .car-content .kopa-tab-container-3 .nav-tabs.kopa-tabs-3 li a {
  padding: 7px 15px;
}
.car-detail-box .car-des .car-content .kopa-tab-container-3 .tab-content div blockquote {
  margin-left: 0;
}
.kopa-tab-container-4.row > div, .kopa-tab-container-4.row > ul {
  padding-top: 40px;
}
.kopa-element-container h4 {
  width: 60%;
  line-height: 36px;
}
.kopa-element-container i {
  margin-right: 20px !important;
}
.product_column .related.products ul.products li.product .entry-item {
  padding: 15px;
}
.entry-price-1 span {
  font-size: 30px;
  line-height: 36px;
}
.product_column .related.products ul.products li.product .entry-item .entry-title {
  font-size: 16px;
  line-height: 22px;
}
.product_column .related.products ul.products li.product .entry-item .star-rating {
  margin-top: 30px;
}
.kopa-blog-list-1 .entry-item .entry-content .entry-content-detail {
  margin-left: 170px;
}
.kopa-blog-list-1 .entry-item .entry-content .entry-content-detail header .meta-box {
  float: none;
}
.kopa-blog-list-1 .entry-item .entry-content .entry-content-detail header .entry-title {
  float: none;
  margin-bottom: 20px;
}
.kopa-blog-list-2 .entry-item .entry-thumb {
  width: 280px;
}
.kopa-blog-list-3 .masonry-list-wrapper > ul > li,
.woocommerce .kopa-masonry-wrap li, .woocommerce-page .kopa-masonry-wrap li {
  width: 50%;
}
.kopa-product-list-widget .entry-item {
  padding: 15px;
}
.kopa-product-list-widget .widget-content .ms-item1 {
  width: 50% !important;
}
.woocommerce ul.cart_list > li img, .woocommerce ul.product_list_widget > li img, .woocommerce-page ul.cart_list > li img, .woocommerce-page ul.product_list_widget > li img {
  width: 50px;
}

.entry-date.style3 {
  width: 70px;
}
.entry-date.style1 > div, .entry-date.style3 > div {
  padding: 5px;
}
.entry-date.style3 > div p {
  font-size: 30px;
  line-height: 26px;
}

.owl-theme .owl-controls.style2 .owl-buttons div {
  top: 12px;
}




}



@media screen and (max-width: 799px) {
/*--- Layout ---*/
.wrapper {
  width: 720px; 
}
.owl-carousel-1 .entry-content .entry-categories {
  font-size: 24px;
  line-height: 30px;
}
.owl-carousel-1 .entry-content .entry-title {
  font-size: 46px;
  line-height: 50px;
}
.owl-carousel-1 .entry-content .entry-title span {
  font-size: 80px;
  line-height: 56px;
}
.kopa-area .widget.kopa-feature-item-widget:first-child {
  margin-top: 0;
}
.entry-icon {
  font-size: 40px;
  width: 80px;
  height: 80px;
  line-height: 74px;
  margin-right: 20px;
}
.kopa-service-widget .entry-item .entry-title {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 10px;
}
.kopa-service-widget .entry-item .entry-icon {
  margin-right: 15px;
}
.kopa-event-widget .entry-item .entry-date.style1, .kopa-event-widget .entry-item .entry-date.style3 {
  margin-right: 20px;
}
.kopa-event-widget .entry-item .entry-title {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 10px;
}
.kopa-area-2 .span-bg .c-tg::before, .kopa-area-2 .span-bg .c-tg::after {
  height: 80px;
}
.kopa-area-2 .span-bg .c-tg::before, .kopa-area-2 .span-bg .c-tg::after {
  bottom: -65px;
}
.entry-title.style1 {
  font-size: 28px;
  line-height: 34px;
}
.kopa-article-list-widget .widget-content .row {
  margin-top: 0;
}
.widget-title.style3 {
  font-size: 20px;
  line-height: 26px;
}
.owl-carousel-3 {
  padding: 0;
  margin-left: -90px;
}
.owl-carousel-3 .owl-controls.style2 .owl-buttons div.owl-prev {
  left: -360px;
}
.owl-carousel-3 .owl-controls.style2 .owl-buttons div.owl-next {
  right: -140px;
}
.owl-theme .owl-controls.style2 .owl-buttons div {
  top: 10px;
}
.kopa-address-box ul li {
  margin-left: 15px;
}
.kopa-header-top.style2 .header-top-left::before {
  border-right-width: 40px;
}
.owl-carousel-4 .entry-content .entry-title {
  font-size: 30px;
  line-height: 34px;
}
.owl-carousel-4 .entry-content .entry-title span {
  font-size: 80px;
  line-height: 60px;
}
.widget-title {
  font-size: 30px;
  line-height: 36px;
}
.kopa-intro-2-widget .entry-item .entry-icon {
  margin-right: 20px;
}
.kopa-intro-2-widget .entry-item .entry-title {
  font-size: 20px;
  line-height: 26px;
}
.widget > header.style2 .widget-title::before {
  border-right-width: 66px;
  border-top-width: 66px;
  left: -66px;
}
.if-phone p {
  font-size: 60px;
  line-height: 66px;
}
.sv-line::before, .sv-line::after {
  height: 90px;
}
.column ul li {
  padding: 10px 20px;
}
.column ul li.title-row {
  padding: 15px 20px;
}
.column ul li.pricing-row {
  padding: 15px 20px;
}
.column ul li.footer-row {
  padding: 10px 20px 20px;
}
.kopa-newsletter-widget .newsletter-form .search-submit {
  padding-right: 50px;
}
.car-detail-box .car-des .car-content {
  margin-bottom: 30px;
}
.portfolio-box .portfolio-content .row > div .portfolio-meta {
  padding: 20px;
}
.product_column .related.products ul.products li.product {
  width: 50%;
}
.more-link {
  padding-right: 45px;
  padding-left: 15px;
}





}




@media screen and (max-width: 767px) {
/*--- Layout ---*/
body {
  padding: 0; 
}

.wrapper {
  width: 600px; 
}
.header-top-left {
  padding-right: 0;
}
.kopa-contact-info .row > div .social-box {
  overflow: hidden;
}
.kopa-contact-info .row > div .social-box > p {
  float: left;
  margin-top: 3px;
}
.kopa-contact-info {
  margin-bottom: 20px;
}
.kopa-tweet-widget .widget-content .tg::before,
.kopa-tweet-widget .widget-content .tg::after,
.kopa-tweet-widget > .wrapper .cs::before, .kopa-tweet-widget > .wrapper .cs::after {
  display: none;
}
.kopa-tweet-widget {
  background: #282f42;
}
.widget-title.style3 i {
  text-indent: 0;
  margin: 0;
}
.widget-title.style3 {
  text-indent: -9999px;
  left: 15px;  
  top: 30px;
}
.kopa-tweet-widget .widget-content {
  padding-left: 0;
}
.owl-carousel-3 {
  margin: 35px 0;
}
.owl-theme .owl-controls.style2 .owl-buttons div {
  top: 0;
  width: 30px;
  height: 30px;
  line-height: 26px;
}
.owl-carousel-3 .owl-controls.style2 .owl-buttons div.owl-prev {
  left: -65px;  
}
.owl-carousel-3 .owl-controls.style2 .owl-buttons div.owl-next {
  right: -65px;
}
.sv-line::before, .sv-line::after {
  height: 80px;
}
#kopa-footer .text-left {
  margin-right: -60px;
}
.content-top > .wrapper {
  position: relative;
  margin-top: 30px;
}
.content-top .kopa-search-form-widget {
  position: relative;
  width: 100%;
  border-radius: 0;
  margin-bottom: 20px;
}
.widget-title.style1 {
  border-radius: 0;
}
.widget-header > header::before {
  border: none;
  left: -100%;
  background-color: #282f42;
  width: 100%;
  height: 100%;
  margin-left: 0;
}
.kopa-area .widget.kopa-feature-item-widget:first-child {
  margin-top: -80px;
}
.widget-header > header::after {
  border: none;
  width: 100%;
  background-color: #282f42;
}
.kopa-feature-item-widget .widget-header {
  padding: 0 30px;
}
.kopa-left-area {
  width: 100%;
  padding-right: 0;
}
.kopa-right-area {
  width: 100%;
  padding-left: 0;
}
.kopa-area-2 .span-bg::before, .kopa-area-2 .span-bg::after,
.kopa-area-2::before,
.kopa-area-2 .c-img,
.kopa-area-2 .span-bg .c-tg::before, .kopa-area-2 .span-bg .c-tg::after {
  display: none;
}
.kopa-right-area.kopa-area-dark {
  background-color: #282f42;
  padding-top: 70px;
}
.kopa-right-area.kopa-area-dark:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  background-color: #282f42;
  height: 100%;
  width: 200%;
}
.kopa-right-area.kopa-area-dark:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  background-color: #282f42;
  height: 100%;
  width: 200%;
}
.kopa-feature-widget .widget-content .row {
  margin-top: -40px;
}
.kopa-feature-widget .widget-content .row > div {
  margin-top: 40px;
}
.entry-date.style2 {
  width: auto;
}
.entry-date.style2 > div p {
  font-size: 40px;
  line-height: 40px;
}
.entry-date.style2 > div span {
  font-size: 14px;
  line-height: 14px;
}
.article-list-1 .last-item > .clearfix {
  padding-left: 0;
}
.entry-date.style2 > p {
  font-size: 30px;
  line-height: 30px;
}
.entry-title.style1 {
  font-size: 26px;
  line-height: 32px;
}
.kopa-header.style2 .kopa-logo {
  width: 240px;
  margin-top: 10px;
}
.kopa-address-box ul li i {
  display: none;
}
.owl-carousel-4 .entry-content {
  top: 60px;
}
.owl-theme .owl-controls.style3 .owl-pagination {
  bottom: -30px;
}
.ms-item3 {
  width: 50%;
}
.kopa-area-7 {
  background-color: #282f42;
}
.kopa-right-area {
  background-color: #f0f0f2;
  padding-top: 70px;
  position: relative;
}
.kopa-right-area:before {
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #f0f0f2;
}
.kopa-right-area:after {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #f0f0f2;
}
.kopa-intro-2-widget .widget-content .row {
  margin-top: -30px;
}
.kopa-intro-2-widget .widget-content .row > div {
  margin-top: 30px;
}
.kopa-testimonial-widget .entry-content blockquote {
  font-size: 20px;
  line-height: 26px;
}
.team-style1 .entry-item .entry-thumb {
  width: 100%;
  margin: 0 0 20px;
  float: none;
}
.por-item1 .entry-item:hover .entry-content {
  padding: 15px;
}
.por-item1 .entry-item .entry-thumb {
  margin-top: 10px;
}
.owl-carousel-6 .entry-content {
  top: 50px;
}
.slider-nav-link {
  margin-top: 15px;
}
.entry-icon.style3 {
  width: 50px;
  height: 50px;
  line-height: 44px;
  font-size: 20px;
}
.article-list-4 .post-content > ul > li .entry-item .entry-icon {
  margin-top: -25px;
}
.article-list-4 .post-content > ul > li .entry-item .entry-content {
  padding: 15px 20px;
}
.article-list-4 .post-content > ul > li.right-content .entry-item {
  padding-left: 65px;
}
.article-list-4 .post-content > ul > li .entry-item {
  padding-right: 65px;
}
.article-list-4 .post-content > ul > li .entry-item .entry-icon {
  margin-right: 0;
}
.portfolio-container {
  margin-top: -35px;
}
.service-box .service-content {
  margin-bottom: 30px;
}
.kopa-article-list-widget .widget-content .row {
  margin-top: -30px;
}
.kopa-article-list-widget .widget-content .row > li {
  margin-top: 30px;
}
.kopa-car-carousel .item {
  text-align: center;
}
.related-car .row {
  margin-top: -30px;
}
.related-car .row > div {
  margin-top: 30px;
}
.entry-box .line-box .tag-box a {
  padding: 0 15px;
}
.kopa-blog-list-4 .last-item {
  margin-bottom: 20px;
}
#related-post .row {
  margin-top: -30px;
}
#related-post .row > li {
  margin-top: 30px;
}
.kopa-blog-list-1 .entry-item .entry-thumb blockquote {
  margin: 0;
}
.kopa-blog-list-2 .entry-item .entry-thumb {
  width: 200px;
}
.portfolio-box .portfolio-content .portfolio-detail {
  margin-bottom: 30px;
}
.widget > header.style2 .widget-title {
  min-width: 1px;
}
.social-panel-1 {
  top: 90px;
}
.social-panel-1.style2 .panel-title {
  display: none;
}




}




@media screen and (max-width: 639px) {
/*--- Layout ---*/
.wrapper {
  width: 440px; 
}
.header-top-left {
  margin: 0;
  width: 100%;
  float: none;
  height: auto;
  text-align: center;
}
.header-top-left::before {
  border: none;
  width: 100%;
  height: 100%;
  background-color: #282f42;
}
.header-top-right {
  float: none;
  text-align: center;
}
.header-top-right > nav, .header-top-right > div {
  float: none;
  display: inline-block;
}
.sb-search-wrapper {
  margin-left: 0;
}
.kopa-header-bottom {
  margin-top: 0;
}
.owl-carousel-1 .entry-content .entry-title {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 20px;
}
.owl-carousel-1 .entry-content .entry-title span {
  font-size: 60px;
  line-height: 36px;
}
.owl-carousel-1 .entry-content .entry-categories {
  font-size: 16px;
  line-height: 22px;
}
.kopa-search-form-widget .widget-content {
  padding-left: 0;
  padding-right: 0;
}
.kopa-feature-item-widget .widget-header {
  padding: 0;
  margin-left: -30px;
  margin-right: -30px;
}
#kopa-footer .text-left {
  margin-right: -110px;
}
.sv-line::before, .sv-line::after {
  height: 76px;
}
.sv-line::before {
  left: 2px;
}
.sv-line::after {
  right: 2px;
}
.scrollup {
  top: -120px;
}
#kopa-footer:before {
  content: "";
  position: absolute;
  top: -40px;
  background-color: #282f42;
  height: 100%;
  width: 100%;
  right: 10%;
}
#kopa-footer:after {
  content: "";
  position: absolute;
  top: -40px;
  background-color: #282f42;
  height: 100%;
  width: 100%;
  left: 10%;
}
#kopa-footer {
  padding-bottom: 20px;
}
.kopa-header-top.style2 .header-top-left {
  position: relative;
}
.kopa-header-top.style2 .header-top-right {
  display: none;
}
.kopa-header.style2 .kopa-logo {
  margin: 0;
  width: 100%;
}
.thumb-icon.style3::after {
  border-width: 4px;
}
.thumb-icon.style3 {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  margin-top: -25px;
  margin-left: -25px;
}
.thumb-icon.style3::after {
  width: 70px;
  height: 70px;
  line-height: 70px;
  top: -10px;
  left: -10px;
}
.owl-carousel-4 .entry-content .entry-title {
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 5px;
}
.owl-carousel-4 .entry-content .entry-title span {
  font-size: 60px;
  line-height: 40px;
}
.kopa-skill-widget .widget-content .top-content .row {
  margin-top: -30px;
}

.kopa-skill-widget .widget-content .top-content .row > div {
  margin-top: 30px;
}
.widget-title {
  font-size: 26px;
  line-height: 32px;
}
.kopa-tag-line-widget {
  display: none;
}
.widget > header.style2 .widget-title::before {
  border-right-width: 62px;
  border-top-width: 62px;
  left: -62px;
}
.entry-date.style2 > div {
  padding: 15px;
}
.article-list-1 .last-item > .clearfix .entry-date.style2 {
  margin-right: 20px;
}
.kopa-article-list-widget .widget-content .entry-item.last-item {
  margin-bottom: 30px;
}
.kopa-pricing-widget .widget-content .row {
  margin-top: -30px;
}
.kopa-pricing-widget .widget-content .row > div {
  margin-top: 30px;
}
.portfolio-list-item > li {
  width: 50%;
}
.kopa-testimonial-widget {
  padding: 0;
}
.owl-theme .owl-controls.style4 .owl-buttons div.owl-prev {
  left: 0;
}
.owl-theme .owl-controls.style4 .owl-buttons div.owl-next {
  right: 0;
}
.kopa-team-widget .widget-content .row > li {
  width: 50% !important;
  margin-top: 50px;
}
.skill-rating {
  margin-top: 30px;
}
.kopa-nav-link.pull-left {
  display: none;
}
.kopa-address-box.style2 ul li {
  font-size: 12px;
  line-height: 30px;
}
.kopa-address-box.style2 ul li i {
  border-width: 1px;
  font-size: 12px;
}
.kopa-header.style3 .kopa-logo {
  width: 200px;
}
.header-middle-left::before {
  border-right-width: 25px;
}
.owl-carousel-6 .entry-content h2 {
  font-size: 30px;
  line-height: 36px;
}
.slider-nav-link {
  margin-top: 0;
}
.owl-carousel-6 .entry-content h6 {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
}
.slider-nav-link li a {
  padding-right: 50px;
}
.owl-carousel-6 .entry-content {
  top: 30px;  
}
.owl-theme .owl-controls .owl-pagination {
  bottom: 10px;
}
.widget > header.style3 {
  margin-bottom: 0;
}
.kopa-intro-3-widget .content-wrap {
  margin-top: 20px;
}
.car-detail-box .car-des .car-content .kopa-tab-container-3 .nav-tabs.kopa-tabs-3 li:first-child {
  margin-left: 1px;
}
.car-detail-box .car-des .car-content .kopa-tab-container-3 .nav-tabs.kopa-tabs-3 li {
  margin-bottom: 1px;
}
.car-detail-box .car-des .car-content .tag-box a {
  padding: 0 10px;
}
.car-detail-box .car-des .car-content .tag-box {
  padding: 12px 15px;
}
.nav-tabs.kopa-tabs-2 > li a,
.nav-tabs.kopa-tabs-1 > li a, .nav-tabs.kopa-tabs-3 > li a, .nav-tabs.kopa-tabs-4 > li a {
  font-size: 13px;
}
.error-404 .right-col h1 {
  font-size: 22px;
}
.line-box .tag-box {
  float: none !important;
}
.line-box .kopa-social-link {
  float: none !important;
  margin-left: -10px;
  margin-top: 15px;
}
#comments .comments-list li .children {
  margin-left: 0;
}
.woocommerce div.product div.images, .woocommerce-page div.product div.images {
  float: none;
  width: 100%;
}
.woocommerce div.product div.summary, .woocommerce-page div.product div.summary {
  float: none;
  padding-left: 0;
  margin-top: 0;
  width: 100%;
}
.kopa-blog-list-1 .entry-item .entry-content .date-box .entry-post-date span {
  font-size: 40px;
  line-height: 40px;
  display: block;
}
.kopa-blog-list-1 .entry-item .entry-content .date-box .entry-post-date {
  font-size: 14px;
  padding: 10px;
}
.kopa-blog-list-1 .entry-item .entry-content .date-box {
  width: auto;
}
.kopa-blog-list-1 .entry-item .entry-content .date-box .entry-post-year {
  font-size: 30px;
  line-height: 36px;
}
.kopa-blog-list-1 .entry-item .entry-content .entry-content-detail {
  margin-left: 110px;
}
.kopa-blog-list-1 .entry-item .entry-content .entry-content-detail footer .right-col {
  float: none;
  margin-top: 10px;
}
.kopa-blog-list-1 .entry-item .entry-content .entry-content-detail footer .more-link {
  float: none;
}
.kopa-blog-list-2 .entry-item .entry-thumb {
  float: none;
  width: 100%;
  margin: 0 0 30px;
}
.header-top-right .kopa-top-link::before {
  height: 40px;
  top: 0;
  left: 18px;
  display: none;
}
.header-top-right .kopa-top-link {
  padding-left: 0;
}
.header-top-right {
  padding: 17px 0 15px;
  overflow: hidden;
}
.header-top-right > .kopa-top-link {
  float: left;
}
.header-top-right > div.sb-search-wrapper {
  float: right;
}
.kopa-blog-list-3 .masonry-list-wrapper > ul > li {
  width: 100%;
}

.owl-theme .owl-controls.style2 .owl-buttons div {
  top: 10px;
}

.pagination ul li > span, .pagination ul li > a {
  width: 25px;
  height: 25px;
  line-height: 25px;
}
.pagination ul li > span i, .pagination ul li > a i {
  line-height: 25px;
}
.kopa-view-more {
  top: -5px;
}




}




@media screen and (max-width: 479px) {
/*--- Layout ---*/
.wrapper {
  width: 300px; 
}
.page-header .page-header-inner .page-title {
  font-size: 30px;
  line-height: 34px;
}
.page-header .page-header-inner {
  padding: 90px 0;
}
.breadcrumb {
  margin-bottom: 15px;r
}
.kopa-area {
  padding-top: 50px;
}
.widget-title.style3 i {
  font-size: 30px;
  margin-top: 5px;
}
.owl-carousel-3 p {
  padding: 0;
}
.kopa-tweet-widget > .wrapper {
  padding: 0 45px;
}
.owl-carousel-3 {
  margin: 20px 0;
}
.owl-carousel-3 .owl-controls.style2 .owl-buttons div.owl-prev {
  left: -50px;
}
.owl-carousel-3 .owl-controls.style2 .owl-buttons div.owl-next {
  right: -50px;
}
.owl-theme .owl-controls.style2 .owl-buttons div {
  top: 10px;
}
.if-phone p {
  font-size: 44px;
  line-height: 50px;
}
#kopa-footer .row > div {
  width: 100% !important;
}
#kopa-footer .text-center {
  margin-top: -75px;
}
#kopa-footer .text-center img {
  width: 200px;
}
#kopa-footer .text-left {
  margin-right: 0;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
}
#kopa-footer .text-right {
  text-align: center;
}
.sv-line::before, .sv-line::after {
  height: 65px;
}
.scrollup {
  top: -115px;
}
.owl-carousel-1 .entry-content .entry-title {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 5px;
}
.owl-carousel-1 .entry-content .entry-title span {
  font-size: 34px;
  line-height: 20px;
}
.owl-carousel-1 .entry-content .entry-categories {
  font-size: 12px;
  line-height: 18px;
}
.owl-carousel-1 .entry-content {
  margin-top: -65px !important;
}
.kopa-area .widget.kopa-feature-item-widget:first-child {
  margin-top: -50px;
}
.kopa-feature-item-widget .widget-header {
  margin-right: -60px;
  margin-left: -60px;
}
.widget-header > header .widget-title {
  font-size: 26px;
  line-height: 32px;
}
.widget-header > header p {
  font-size: 16px;
  line-height: 22px;
}
.kopa-service-widget .entry-item {
  padding: 20px 15px 20px 20px;
}
.entry-icon {
    font-size: 30px;
    height: 60px;
    line-height: 54px;
    width: 60px;
}
.kopa-event-widget .entry-item .entry-date.style1, .kopa-event-widget .entry-item .entry-date.style3 {
  display: none;
}
.widget > header.style2 {
  padding-left: 70px;
  margin-bottom: 40px;
}
.widget > header.style2 .widget-title {
  padding-left: 0;
  min-width: 240px;
  padding-right: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.widget > header.style2 .widget-title a {
  right: 15px;
  top: 8px;
  font-size: 30px;
}
.sm-thumb > ul > li {
  width: 50%;
  text-align: center;
}
.kopa-feature-widget .entry-item .entry-title {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 15px;
}
.entry-meta {
  margin-bottom: 10px;
}
.kopa-product-list-widget .widget-content .ms-item1 {
  width: 100% !important;
}
.kopa-area-5 .span-bg::before, .kopa-area-5 .span-bg::after {
  height: 55px;
}
.widget {
  margin-bottom: 40px;
}
.kopa-masonry-widget .kopa-masonry-wrap > li {
  width: 100%;
}
.kopa-loadmore span {
  min-width: 300px;
}
.article-list-1 .last-item > .clearfix .entry-date.style2 {
  display: none;
}
.entry-title.style1 {
  font-size: 22px;
  line-height: 28px;
}
.owl-carousel-4 .entry-content .entry-title {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 0;
}
.owl-carousel-4 .entry-content .entry-title span {
  font-size: 40px;
  line-height: 20px;
}
.owl-carousel-4 .entry-content {
  top: 20px;
}
.owl-carousel-4 .entry-content > p {
  font-size: 14px;
  line-height: 20px;
}
.owl-carousel-4 .entry-content span {
  font-size: 12px;
}
.owl-theme .owl-controls.style3 .owl-pagination {
  bottom: -50px;
}
.ms-item3 {
  width: 100%;
}
.kopa-service-2-widget .widget-content > ul > li {
  width: 100%;
}
.entry-icon.style2 {
    font-size: 30px;
    height: 58px;
    line-height: 54px;
    width: 58px;
}
.widget-title {
  font-size: 20px;
  line-height: 26px;
}

.widget > header.style2 .widget-title::before {
    border-right-width: 46px;
    border-top-width: 46px;
    left: -46px;
}
.portfolio-list-item > li {
  width: 100%;
}
.kopa-testimonial-widget .entry-content blockquote::before,
.kopa-testimonial-widget .entry-content blockquote::after {
  font-size: 40px;
}
.kopa-testimonial-widget .entry-content blockquote {
  padding: 0 40px;
}
.kopa-team-widget .widget-content .row > li {
  width: 100% !important;
}
.kopa-address-box.style2 {
  display: none;
}
.header-middle-left {
  float: none;
  text-align: center;
  height: auto;
  margin: 0;
  padding: 20px 0;
}
.kopa-header.style3 .kopa-logo {
  width: 100%;
}
.header-middle-left::before {
  border: none;
  width: 100%;
  height: 100%;
  left: 100%;
  background-color: #efefef;
}
.kopa-ct-action {
  padding: 15px;
}
.kopa-language > button {
  padding: 0 15px;
}
.kopa-ct-action i,
.owl-carousel-6 .entry-content {
  display: none;
}
.widget > header.style3 .widget-title {
  font-size: 26px;
  line-height: 32px;
}
.article-list-4 .post-content > ul > li {
  width: 100%;
  margin-bottom: 30px;
  float: none;
  margin-top: 0;
}
.article-list-4 .post-content > ul > li.right-content {
  margin-top: 0px;
  float: none;
}
.article-list-4 .post-content > ul > li:first-child {
  margin-bottom: 30px;
}
.about-box header .about-title,
.service-box .service-content header .service-title {
  font-size: 26px;
  line-height: 32px;
}
.car-detail-box .car-des .car-content .tag-box a,
.entry-box .line-box .tag-box a {
  margin-bottom: 5px;
}
.entry-box .entry-content blockquote {
  margin-left: 0;
}
.about-author .author-avatar,
#comments .comments-list li .comment-wrap .comment-avatar {
  width: 60px;
  margin-right: 20px;
}
.kopa-blog-list-4 .older-post li .entry-item .entry-thumb {
  margin-right: 20px;
}
.kopa-blog-list-4 .meta-box {
  margin-left: -10px;
}
.kopa-blog-list-4 .meta-box .entry-author {
  margin-left: 10px;
}
#comments .comments-list li .comment-wrap .comment-body header .pull-right,
#comments .comments-list li .comment-wrap .comment-body header h6 {
  float: none !important;
}
#comments .comments-list li .comment-wrap .comment-body header h6,
#comments .comments-list li .comment-wrap .comment-body .comment-content > span {
  margin-bottom: 10px;
}
#comments .comments-list li .comment-wrap .comment-body header {
  margin-bottom: 20px;
}
#respond > h4 {
  padding: 15px 0;
}
#respond .comments-form {
  padding: 15px 20px;
}
#respond .comments-form .row > div .comment-button input[type="submit"] {
  margin-right: 0;
}
.entry-box .entry-thumb .video-wrapper,
.entry-box .entry-thumb iframe {
  height: 300px;
}
.portfolio-box .portfolio-thumb .kopa-portfolio-carousel .owl-controls .owl-buttons div.owl-prev {
  left: 0;
}
.portfolio-box .portfolio-thumb .kopa-portfolio-carousel .owl-controls .owl-buttons div.owl-next {
  right: 0;
}
.portfolio-box .portfolio-thumb .kopa-portfolio-carousel .owl-controls .owl-buttons div {
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-top: -15px;
}
.kopa-portfolio-pagination {
  margin-bottom: 50px;
}
.product_column .related.products ul.products li.product {
  width: 100%;
}
.product_column .related.products h2 {
  font-size: 28px;
  line-height: 34px;
}
.kopa-blog-list-1 .entry-item .entry-content .date-box {
  display: none;
}
.kopa-blog-list-1 .entry-item .entry-content .entry-content-detail {
  margin-left: 0;
}
.kopa-blog-list-2 .entry-item .entry-content .entry-content-detail footer .more-link {
  float: left;
  margin-top: 10px;
}
.kopa-blog-list-2 .kopa-button.large-button {
  padding: 10px 100px;
}

.owl-theme .owl-controls.style2 .owl-buttons div {
  top: 20px;
}
.kopa-blog-list-1 .kopa-button.large-button,
.kopa-portfolio-widget .kopa-button.large-button {
  padding: 10px 100px;
}

.kopa-view-more {
  top: -9px;
}
.nav-tabs.kopa-tabs-4 > li a {
    text-transform: uppercase;
}






}
