/* Large desktop :1920px. */

@media (min-width: 1920px) {
    .submenu-active.submenu {
        width: 360px
    }
    .menu-bar-open nav > ul > li > a {
        padding: 10px 50px
    }
    .footer-area-wrapper:before,
    .footer-area-wrapper:after {
        height: 90px;
        top: -170px
    }
    .plan-area-wrapper:before,
    .skill-area-wrapper:before,
    .footer-area-wrapper:before,
    .plan-area-wrapper:after,
    .skill-area-wrapper:after,
    .footer-area-wrapper:after {
        height: 60px
    }
    .footer-area .footer-area-wrapper:before,
    .footer-area .footer-area-wrapper:after {
        height: 90px
    }
    .blog-area.pt-100.pb-125 {
        padding-bottom: 90px
    }
    .main-wrapper.minimal {
        padding-left: 170px;
        padding-right: 170px;
    }
    .main-wrapper .header-sticky.sticky {
        padding: 0 46px
    }
    .main-wrapper.minimal .header-sticky.sticky {
        padding: 0 170px
    }
    .minimal .slide-content h2 {
        font-size: 64px
    }
    .creative .slide-content-wrapper {
        padding: 400px 0
    }
    .built-content {
        margin-left: 70px
    }
    .product-grid-area:after,
    .product-list-area:after {
        width: 38.33%
    }
    .shop .search {
        right: 40px
    }
    .shop .slider-owl.owl-carousel .owl-dots, .corporate .slider-owl.owl-carousel .owl-dots {
	  bottom: 80px;
	  left: 373px;
	}
}

@media (min-width: 1501px) and (max-width: 1800px) {
.blog_sidebar_position_right .our-blog-area::after, .blog_details_sidebar_position_right .blog-story-area::after {
  width: 36.33%;
}
}
/* Laptop Device :1366px. */

@media (min-width: 1200px) and (max-width: 1500px) {
    .submenu-active.submenu {
        width: 360px
    }
    .menu-bar-open nav > ul > li > a {
        padding: 10px 50px
    }
    .main-wrapper.minimal {
        padding-left: 60px;
        padding-right: 60px;
    }
    .shop .slider-owl.owl-carousel .owl-dots,
    .corporate .slider-owl.owl-carousel .owl-dots {
        left: 103px
    }
    .home-five-slider .kc_col-sm-12 {
        padding: 0 50px !important;
    }
    .sidebar_right aside.widget-area, 
    .blog_sidebar_position_right .our-blog-area aside.widget-area, 
    .blog_details_sidebar_position_right .blog-story-area aside.widget-area {
        margin-left: 10%;
    }    
    .home-five-gallery .kc_col-sm-12 {
        padding: 0 50px !important;
    }
    .sidebar_right:after {
        width: 29.33%;
    }
    .masonry-item {
        width: 33%;
    }
    .masonry-item:first-child {
        width: 33%;
    }
    .masonry-item:last-child {
        width: 33%;
    }
    .blog_sidebar_position_right .our-blog-area:after,
    .blog_details_sidebar_position_right .blog-story-area:after {
        width: 33.33%;
    }
	.section-title > p {
	  padding-left: 50px !important;
	  padding-right: 50px !important;
	}
	.portfolio-area-two .section-title {
	  padding-left: 5px !important;
	  padding-right: 5px !important;
	}
	.portfolio-area-two .blog-section-title p {
	  padding-left: 0 !important;
	}
	body.box-layout, .header-area.sticky, .header-transparent {
	  padding-right: 55px !important;
	}
	body.box-layout, .header-area.sticky, .header-transparent {
	  padding-left: 55px !important;
	}
	.sticky .main-menu.common > nav > ul > li > a {
	  padding: 29px 13px 27px;
	}
}
/* Normal desktop :992px. */

@media (min-width: 992px) and (max-width: 1200px) {
	.container{width: 992px;}
    .slider-one .slider-one-inner .kc_col-sm-12 {
        padding: 0 35px;
    }
    .slide-gallery-gap .kc_col-sm-12 {
        padding: 0 35px !important;
    }
    .section-title p {
        padding: 12px 35px 0 0;
    }
    .search-btn.common {
        display: none;
    }    
    .logo {
        padding: 25px 0 23px
    }
    .main-menu nav > ul > li > a {
        padding: 10px 30px
    }
    .shop .slider-owl.owl-carousel .owl-dots,
    .corporate .slider-owl.owl-carousel .owl-dots {
        left: 52px
    }
    .section-title h2 {
        font-size: 28px
    }
    .footer-top-area .single-footer {
        margin-top: 0;
    }
    .footer-bottom {
        padding: 20px 0 0;
    }
    .masonry-item {
        width: 50%;
    }
    .masonry-item:first-child {
        width: 100%;
    }
    .masonry-item:last-child {
        width: 100%;
    }
    .woocommerce #respond input#submit.alt, 
    .woocommerce a.button.alt, 
    .woocommerce button.button.alt, 
    .woocommerce input.button.alt, 
    .woocommerce #respond input#submit, 
    .woocommerce a.button, 
    .woocommerce button.button, 
    .woocommerce input.button {
      width: 55%;
    }
    .awesome-home .single-latest {
        margin-bottom: 0;
        margin-left: 0;
        text-align: center;
    }
    .awesome-home .latest-icon {
        float: none;
        margin-right: 0px;
    }
    body.box-layout,
    .header-area.home-one.sticky,
    .header-transparent {
        padding-right: 35px !important;
    }
    body.box-layout,
    .header-area.home-one.sticky,
    .header-transparent {
        padding-left: 35px !important;
    }
    .blog_sidebar_position_right .our-blog-area:after,
    .blog_details_sidebar_position_right .blog-story-area:after {
        width: 33.33%;
    }
    .skill-right {
        margin-left: 20px
    }
    .built-content,
    .blog-right {
        margin-left: 0px;
        margin-top: 0px
    }
    .tag-wrapper a {
        margin-bottom: 7px;
        margin-right: 2px
    }
    .tag-wrapper a {
        padding: 7px 15px
    }
    .portfolio-area {
        padding-top: 30px
    }
    .section-title > p {
	  padding-left: 50px !important;
	  padding-right: 50px !important;
	}
    
    .portfolio-area-two.minimal {
        padding-bottom: 0
    }
    .owl-nav div {
        font-size: 70px
    }
    .latest-content {
	  padding: 15px;
	}
    .logo.common {
        padding: 24px 0
    }
    .sticky .logo.common {
        padding: 15px 0
    }
    .main-menu.minimal > nav > ul > li > a {
        padding: 50px 15px 44px
    }
    .main-menu.minimal.business > nav > ul > li > a {
        padding: 40px 13px 35px
    }
    .main-menu.minimal.business > nav > ul > li:last-child > a {
        padding-right: 0px
    }
    .sticky .main-menu.minimal.business > nav > ul > li > a {
        padding: 30px 13px 32px
    }
    .sticky .main-menu.minimal > nav > ul > li > a {
        padding: 30px 15px 24px
    }
    .sticky .main-menu.minimal.common > nav > ul > li > a {
	  padding: 30px 13px;
	}
    .business .slide-content h2 {
        font-size: 32px;
        line-height: 40px
    }
    .business .slide-content h5 {
        font-size: 26px;
        letter-spacing: 5px;
        margin-bottom: 10px
    }
    .four.plan-area .single-plan {
        padding: 50px 10px 42px 0
    }
    .latest-right {
        margin-left: 0;
        margin-top: 20px
    }
    .latest-left {
        margin-right: 0;
        margin-top: 20px
    }
    .built-area.two .built-content {
        margin-right: 0px
    }
    .blog-right {
        padding-left: 30px
    }
    .blog-page-area .grid-right {
        padding-left: 20px
    }
    .grid-right {
        margin-right: 0;
        padding-left: 20px
    }
    .blog-right {
        height: 400px
    }
    .minimal .slide-content h2 {
        font-size: 45px
    }
    .sticky .main-menu.main.minimal > nav > ul > li > a {
        padding: 31px 14px 25px
    }
    .sticky .main-menu.corporate > nav > ul > li > a {
        padding: 40px 16px 36px
    }
    .sticky .search-btn {
        padding: 18px 0
    }
    .sticky .search {
        top: 71px
    }
    #contact-form input#subject {
        margin-right: 0px
    }
    .shop .slide-content h2 {
        font-size: 45px
    }
    .shop .slide-content h3 {
        font-size: 30px
    }
    .off-hover h2 {
        padding: 30px 47px
    }
    .slider-area:hover .owl-nav div {
        left: 10px;
    }
    .slider-area:hover .owl-nav .owl-next {
        left: auto;
        right: 10px;
    }
    .product-thumb {
        left: 3%
    }
    .product-thumb.product-thumb ul li {
        width: 58px
    }
    .ftr-content h5 a,
    .popular-content h5 a {
        font-size: 14px
    }
    .product-detail h4 a {
        font-size: 20px
    }
    .main-menu.main.minimal > nav > ul > li > a {
        padding: 43px 14px 44px;
    }
    .slide-content h2 {
        font-size: 50px;
        line-height: 50px;
        margin-bottom: 15px
    }
    .main-wrapper {
        padding: 0 20px
    }
    .main-wrapper .header-sticky.sticky {
        padding: 0 46px
    }
    .sticky .main-menu.minimal > nav > ul > li:last-child > a {
        padding-right: 0
    }
    .sticky .main-menu.minimal.corporate > nav > ul > li:last-child > a,
    .sticky .main-menu.minimal.main > nav > ul > li:last-child > a {
        padding-right: 17px
    }
    .main-menu.minimal.corporate > nav > ul > li > a {
        padding: 38px 17px
    }
    .slider-area.corporate h2,
    .slider-area.corporate h2 span {
        font-size: 48px;
        line-height: 38px
    }
    .blog-date {
        margin-right: 15px
    }
    .fun-content h3 {
        font-size: 50px
    }
    .product-grid-area:after,
    .product-list-area:after,
    .blog-page-area:after {
        width: 32.33%
    }
    .footer-area {
        padding: 50px 0;
    }
    .service-three .service-three-right {
        margin-left: 0 !important;
    }
    .main-menu.minimal ul li ul,
    .main-menu.shop ul li ul {
        left: -28px;
    }
    .home-five-slider .kc_col-sm-12 {
        padding: 0 50px !important;
    }
    .home-five-gallery .kc_col-sm-12 {
        padding: 0 50px !important;
    }
    .footer-area .container {
        width: 880px;
    }
    .main-menu.common.minimal > nav > ul > li > a {
	  padding: 38px 13px;
	}
    .shop-page-mini-cart {
        float: left;
    }
    .sidebar_right:after {
        width: 26.33%;
    }
    .header-area.home-one.sticky {
        padding-right: 35px;
    }
    .header-area.home-one.sticky {
        padding-left: 35px;
    }
    body.box-layout,
    .header-area.minimalmenu.sticky,
    .header-transparent {
        padding-right: 50px;
    }
    body.box-layout,
    .header-area.minimalmenu.sticky,
    .header-transparent {
        padding-left: 50px;
    }
	.portfolio-area-two .section-title {
	  padding-left: 5px !important;
	  padding-right: 5px !important;
	}
	.portfolio-area-two .blog-section-title p {
	  padding-left: 0 !important;
	}
	.main-menu.business nav ul li.menu-item-has-children::before, .main-menu.minimal.main nav ul li.menu-item-has-children::before, .main-menu.minimal.corporate nav ul li.menu-item-has-children::before, .main-menu.shop nav ul li.menu-item-has-children::before {
	  right: 0;
	  transition: all 0.6s ease 0s;
	}
}
/* Tablet desktop :768px. */

@media (min-width: 768px) and (max-width: 991px) {
	.container{width: 750px;}
    .site-title {
        padding: 15px 0;
    }
    body.box-layout,
    .header-area.home-one.sticky,
    .header-transparent {
        padding-right: 25px !important;
    }
    body.box-layout,
    .header-area.home-one.sticky,
    .header-transparent {
        padding-left: 25px !important;
    }
    body.box-layout,
    .header-area.minimalmenu.sticky,
    .header-transparent {
        padding-right: 25px;
    }
    .woocommerce #respond input#submit.alt, 
    .woocommerce a.button.alt, 
    .woocommerce button.button.alt, 
    .woocommerce input.button.alt, 
    .woocommerce #respond input#submit, 
    .woocommerce a.button, 
    .woocommerce button.button, 
    .woocommerce input.button {
      width: 55%;
    }    
    body.box-layout,
    .header-area.minimalmenu.sticky,
    .header-transparent {
        padding-left: 25px;
    }
    .slider-one .slider-one-inner .kc_col-sm-12 {
        padding: 0 25px;
    }
    .home-one-gallery .slide-gallery-gap .kc_col-sm-12 {
        padding: 0 25px;
    }
    .tesese .col-sm-6:last-child {
        display: none;
    }
    .tesese {
        margin-left: -5px;
    }
    .blog-section .col-sm-6:last-child {
        display: none;
    }
    .skill-area .kc_col-sm-6 {
        width: 100%;
    }
    .we-have-built-gap .kc_col-sm-6 {
        width: 100%;
    }
    .single-footer.widget.jr-insta-slider {
        margin-top: 0;
    }
    .footer-bottom .col-sm-6 > p {
        margin-right: 25px;
    }
    .grid-item-five {
        width: 50%;
    }
    .grid-item-four {
        float: left;
        width: 50%;
    }
    .main-menu nav > ul > li > a {
        font-size: 12px;
        padding: 10px 35px
    }
    .logo {
        padding: 21px 0
    }
    .header-cart.main {
        padding: 29px 0
    }
    .slide-content h2 {
        font-size: 45px;
        line-height: 30px
    }
    .latest-area .col-sm-6:nth-child(4) {
        margin-bottom: 40px
    }
    .built-area.two .built-content a {
        display: inline-block;
        margin-bottom: 30px
    }
    .fun-content h3 {
        font-size: 50px
    }
    .testimonial-content p {
        font-size: 11px
    }
    .skill-right,
    .blog-right {
        margin-left: 0px;
        margin-top: 30px
    }
    .built-img > img {
        width: 100%
    }
    .built-content {
        margin-left: 0
    }
    .plan-area-wrapper:before,
    .skill-area-wrapper:before,
    .blog-area-wrapper:before,
    .plan-area-wrapper:after,
    .skill-area-wrapper:after,
    .blog-area-wrapper:after {
        bottom: -44px
    }
    .main-footer .col-md-4:last-child {
        margin-top: 30px
    }
    .portfolio-area {
        padding-top: 30px
    }
    .main-menu.main.minimal > nav > ul > li > a {
	  font-size: 11px;
	  padding: 40px 8px 35px;
	}
    .slide-content-wrapper {
        padding: 100px 0
    }
    .slide-content h2 {
        font-size: 35px;
        line-height: 20px;
    }
    .section-title p,
    .blog-area .section-title p {
        padding: 12px 140px 0
    }
    .blog-area.two .col-md-4:last-child {
        margin-top: 30px
    }
    .fun-content h3 {
        font-size: 35px
    }
    aside.widget-area{
        margin-top: 50px;
    }    
    .footer-bottom form,
    .footer-bottom form input {
        width: 330px
    }
    .main-menu.minimal > nav > ul > li > a {
        padding: 47px 12px
    }
    .main-menu.common > nav > ul > li > a {
        padding: 47px 7px
    }
    .business .slide-content h5 {
        font-size: 30px
    }
    .business .slide-content h2 {
        font-size: 18px;
        line-height: 26px
    }
    .business .slide-content h5 {
        font-size: 20px;
        margin-bottom: 0px
    }
    .business .slide-content p {
        font-size: 12px;
        letter-spacing: 0;
        padding-right: 0px
    }
    .four .plan-img {
        float: none;
        margin-right: 0;
        text-align: center;
        margin-bottom: 20px
    }
    .four.plan-area .single-plan {
        padding: 40px 0px 50px 0px
    }
    .four .plan-content {
        overflow: hidden;
        text-align: center
    }
    .latest-right {
        margin-left: 0;
        margin-top: 65px
    }
    .latest-area.two {
        padding-bottom: 0
    }
    .latest-left {
        margin-top: 40px
    }
    .business .slide-content {
        padding-left: 30px
    }
    .business .slide-content h2 {
        font-size: 15px
    }
    .sticky .main-menu.minimal > nav > ul > li > a {
        padding: 30px 12px 25px
    }
    .sticky .main-menu.minimal > nav > ul > li:last-child > a {
        padding-right: 0;
    }
    .sticky .main-menu.main.minimal > nav > ul > li > a {
        font-size: 11px;
        padding: 31px 7px 28px
    }
    .sticky .logo {
        padding: 12px 0
    }
    .sticky .main-menu.common > nav > ul > li > a {
        padding: 30px 7px 25px
    }
    .search-btn {
        margin-left: 10px;
    }
    .sticky .search-btn {
        padding: 12px 0
    }
    .main-menu.minimal.corporate > nav > ul > li > a {
        padding: 39px 9px 35px
    }
    .slider-area.corporate h2 {
        font-size: 35px
    }
    .slider-area.corporate h2 span {
        font-size: 35px;
        padding-top: 15px
    }
    .corporate .slide-content p {
        padding-right: 10px
    }
    .corporate .slider-owl.owl-carousel .owl-dots {
        left: 30px
    }
    .minimal .slide-content h2 {
        font-size: 35px
    }
    .four.plan-area .single-plan {
        padding: 40px 30px 50px 0
    }
    .section-title h2 {
        font-size: 25px
    }
    .sticky .search {
        top: 70px
    }
    .sticky.shop .search {
        top: 59px
    }
    .product-grid-area:after,
    .product-list-area:after,
    .blog-page-area:after {
        background: #fff
    }
    .blog-page-area .grid-right {
        padding-left: 0;
        margin-top: 30px;
        margin-left: 0;
        margin-right: 0
    }
    .footer-area [class*="col-"]:nth-child(2n+1) {
        clear: both;
    }
    .menu-bar-open {
        width: 300px
    }
    .creative .menu-bar-open ul li ul {
        right: 20px;
        top: -25%
    }
    input#name,
    input#mail {
        margin-bottom: 30px
    }
    .contact-content p {
        font-size: 12px;
        margin-bottom: 0
    }
    .contact-content {
        padding: 67px 0 58px
    }
    .blog-content.detail h3 {
        font-size: 22px
    }
    #contact-form input#name,
    #contact-form input#mail,
    #contact-form input#subject {
        margin-right: 10px;
        width: 227px
    }
    .head-address ul li {
        margin-right: 20px
    }
    .header-cart > i {
        height: 33px;
        width: 33px
    }
    .off-hover h2 {
        padding: 22px 40px;
        font-size: 32px
    }
    .sale-area .col-md-3:first-child .single-ftr,
    .sale-area .col-md-3:nth-child(2) .single-ftr {
        margin-bottom: 0px
    }
    .sale-area .col-md-3:nth-child(5) .single-ftr,
    .sale-area .col-md-3:nth-child(6) .single-ftr {
        margin-bottom: 40px
    }
    .blog-date h3 {
        font-size: 22px
    }
    .blog-content p {
        font-size: 12px
    }
    .product-grid-area .grid-right,
    .product-list-area .grid-right {
        margin-top: 30px;
        padding-left: 0;
        margin-left: 0;
        margin-right: 0
    }
    .product-thumb.product-thumb ul li {
        width: 58px
    }
    .sticky .header-cart.main {
        padding: 20px 0
    }
    .business .slide-content h5:after {
        top: -20px
    }
    .feature-content {
        padding: 13px 12px
    }
    .main-wrapper,
    .main-wrapper.minimal {
        padding-left: 10px;
        padding-right: 10px
    }
    .fun-area {
        padding-top: 70px;
        padding-bottom: 70px
    }
    .main-wrapper .header-sticky.sticky {
        padding: 0 17px
    }
    .main-wrapper.minimal .header-sticky.sticky {
        padding: 0 11px
    }
    .four.plan-area.minimal .single-plan {
        padding-right: 10px
    }
    .creative .slide-content-wrapper {
        padding: 180px 0
    }
    .main-menu.common.minimal > nav > ul > li > a {
        padding: 38px 12px
    }
    .sticky .main-menu.common.minimal > nav > ul > li > a {
        padding: 29px 12px
    }
    .search-btn.common {
        display: none;
    }
    .blog-page-area {
        padding-bottom: 80px
    }
    .corporate .plan-img {
        margin-right: 5px;
        width: 40px
    }
    .shop .header-cart.main ul.submenu-mainmenu {
        top: 103%
    }
    .shop .slider-owl.owl-carousel .owl-dots {
        left: 30px
    }
    .shop .owl-nav {
        display: none
    }
    .your-order {
        margin-top: 50px;
    }
    .home-two-blog .kc_col-sm-8,
    .home-two-blog .kc_col-sm-4 {
        width: 100%;
    }
    .home-two-blog .blog-section .col-sm-4 {
        width: 50%;
    }
    .footer-top-area .single-footer {
        margin-top: 0;
    }
    .section-title p,
    .blog-area .section-title p {
        padding: 12px 140px 0 0;
    }
    .section-title > p {
        margin: auto;
        padding-right: 0;
        width: 70%;
    }
    .blog-section-title p {
        margin: 0;
    }
    .portfolio-section .masonry-grid {
        margin-left: 30px;
    }
    .home-five-skill .kc_col-sm-6 {
        width: 100%;
    }
    .slide-content h5.yellow,
    .slide-content h5 {
        margin-bottom: 0;
    }
    .corporate-slider .slide-content h2 {
        line-height: 40px;
    }
    .corporate-slider .slider-area .owl-item.active p {
        padding-right: 20px;
    }
    .business-slider .slide-content-wrapper {
        width: 55%;
    }
    .four.plan-area .single-plan {
        padding: 50px 0;
    }
    .awesome-home .single-latest {
        margin-bottom: 0;
        margin-left: 0;
        text-align: center;
    }
    .awesome-home .latest-icon {
        float: none;
        margin-right: 0;
        text-align: center;
    }
    .service-three .kc_col-sm-4 {
        width: 100%;
    }
    .latest-middle {
        margin-left: 0;
        margin-right: 0;
    }
    .footer-top-area {
      padding: 50px 0 0;
    }
    .footer-area.shaip {
        background-size: cover;
    }
    .shaip .footer-top-area {
        padding: 0;
    }
    .home-five-slider .kc_col-sm-12 {
        padding: 0 15px !important;
    }
    .home-five-gallery .kc_col-sm-12 {
        padding: 0 15px !important;
    }
    .main-menu.minimal ul li ul,
    .main-menu.shop ul li ul {
        left: -74px;
    }
	.main-menu.common.minimal > nav > ul > li > a {
	  font-size: 10px;
	  padding: 38px 10px;
      text-transform: none;
	}
    .sticky .main-menu.common.minimal > nav > ul > li > a {
        padding: 29px 10px;
    }
    .logged-in .header-area.sticky {
        top: 45px;
    }
    .portfolio {
	  margin: auto;
	  width: 100%;
	}
    .home-one-gallery .portfolio {
        margin: auto;
        width: 100%;
    }
    .blog_sidebar_position_right .our-blog-area:after,
    .blog_details_sidebar_position_right .blog-story-area:after {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    }
    .sidebar_right aside.widget-area,
    .blog_sidebar_position_right .our-blog-area aside.widget-area,
    .blog_details_sidebar_position_right .blog-story-area aside.widget-area {
        margin-left: 0;
        margin-top: 35px;
    }
	.awesome-home3 .latest-icon {
	  float: none;
	  margin-right: 0;
	  text-align: center;
	}
	.awesome-home3 .latest-content {
	  text-align: center;
	}
	.main-menu.business nav ul li.menu-item-has-children::before, .main-menu.minimal.main nav ul li.menu-item-has-children::before, .main-menu.minimal.corporate nav ul li.menu-item-has-children::before, .main-menu.shop nav ul li.menu-item-has-children::before {
	  right: -4px;
	  transition: all 0.6s ease 0s;
	}
	.counter-box-area .kc_col-sm-3 {
	  margin-bottom: 40px;
	  width: 50%;
	}
	
}

@media (min-width: 600px) and (max-width: 767px) {
	.logged-in .header-area.sticky {
	  top: 46px !important;
	}
}
/* small mobile :320px. */
@media (max-width: 767px) {
    .container {
        width: 300px
    }
    .site-title {
        padding: 15px 0;
    }
    .grid-item-five,
    .grid-item-four,
    .grid-item-three,
    .grid-item-two {
        float: left;
        width: 100%;
    }
    .sticky .mobile-menu a.meanmenu-reveal {
        margin-top: -19px;
    }
    .logged-in .header-area.sticky {
        top: 0;
    }
    .header-cart.main {
        float: right;
        margin-right: 50px;
    }
    .header-cart > i {
        font-size: 14.7px;
        height: 36px;
        width: 36px;
    }
    .footer-top-area {
      padding: 50px 0 0;
    }
    .slider-one .slider-one-inner div.kc_col-sm-12 {
        padding: 0 15px;
    }
    .feature-content {
        padding: 13px 15px;
    }
    .breadcrumbs {
        display: block;
        text-align: center;
    }
    .breadcrumbs h2.page-title {
        width: 100%;
        margin-bottom: 10px;
    }
    .sidebar-widget {
      margin-bottom: 50px;
    }  
    .sidebar-widget:first-child {
      margin-top: 50px;
    }      
    .page-title-bar {
        width: 100%;
    }
    .business .mobile-menu a.meanmenu-reveal {
        margin-top: -5px;
    }
    .sticky .mobile-menu.business a.meanmenu-reveal {
        margin-top: -10px;
    }
    .meta-info .meta-item.pull-right {
        float: none !important;
    }
    .single-footer {
        margin-top: 0 !important;
    }
    .single-footer.widget.widget_tag_cloud {
        margin-bottom: 0;
    }
    .footer-bottom {
        padding: 20px 0 10px;
    }
    .shaip {
        padding: 125px 0 0;
    }
    .business-slider .slide-content-wrapper {
        width: 70%;
    }
    .built-content p.first {
        padding: 0px;
    }
    .business-slider .slide-content-wrapper .slide-content {
        padding-left: 0;
        text-align: left;
    }
    .business .site-title {
        padding: 0;
    }
    .home-five-slider .kc_col-sm-12 {
        padding: 0 15px !important;
    }
    .home-five-gallery .kc_col-sm-12 {
        padding: 0 15px !important;
    }
    .header-cart.main {
        float: right;
        margin-right: 40px;
    }
    .top-bar-left-content {
        text-align: center;
    }
    /* Search bar */
    
    .blog-search form input {
        padding: 2px 70px 2px 15px;
    }
    .blog-search form button {
        padding: 0 18px;
        z-index: 99999999;
    }
    .blog-search form button:before {
        right: 55px;
    }
    .latest-area.two .latest-icon {
        float: none;
        margin-right: 0;
    }
    .latest-content {
        margin-top: 15px;
    }
    .single-latest {
        text-align: center;
    }
    blockquote {
        border-left: 3px solid #4b4a4a;
        margin: 30px 0 30px 10px;
        padding: 0 0 0 15px;
        font-size: 14px;
        line-height: 1.8;
    }
    .blog-info > ul {
        margin: 20px;
    }
    .home-one-gallery .slide-gallery-gap .kc_col-sm-12 {
        padding: 0 15px;
    }
    .user-info .user-text span {
        display: block;
        padding: 5px 0;
    }
    .user-share {
        display: block;
        float: none;
        margin-top: 15px;
    }
    .user-share span {
        display: block;
        float: none;
        margin-bottom: 10px;
        margin-right: 0;
    }
    .user-text {
        display: block;
        float: none;
    }
    .user-info {
        overflow: hidden;
    }
    .author-images {
        display: block;
        float: none;
        margin-bottom: 20px;
    }
    .author.author-box {
        -webkit-box-align: start;
            -ms-flex-align: start;
                    -ms-grid-row-align: flex-start;
                align-items: flex-start;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        margin: 50px 0;
    }
    .author-info {
        padding-left: 0;
        width: 100%;
    }
    .sidebar-title {
        font-size: 20px;
        letter-spacing: 1px;
        margin-bottom: 25px;
    }
    .sidebar-title:before {
        bottom: -10px;
    }
    .related-post > .row {
        display: block;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    }
    .sidebar-widget.widget_tag_cloud .tagcloud a {
        font-size: 12px !important;
    }
    .mobile-menu a.meanmenu-reveal {
        margin-right: 0px;
        margin-top: -32px;
    }
    .mobile-menu.common a.meanmenu-reveal {
        margin-top: -56px
    }
    .mobile-menu.minimal a.meanmenu-reveal,
    .sticky .mobile-menu.minimal a.meanmenu-reveal {
        margin-top: -11px
    }
    .common.mobile-menu a.meanmenu-reveal {
	  margin-right: -8px;
	  margin-top: -10px;
	}
    .corporate .mobile-menu a.meanmenu-reveal {
        margin-top: -45px
    }
	.creative .mobile-menu a.meanmenu-reveal {
	  margin-right: 0;
	  margin-top: -20px;
	}
    .logo,
    .logo.corporate {
        padding: 30px 0 32px
    }
    .sticky .logo {
        padding: 20px 0
    }
    .sticky .header-cart.main {
        padding: 19px 0;
        margin-left: 45px;
		margin-top: 3px;
    }
    .slide-content h5.yellow,
    .slide-content h5 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .corporate-slider .slide-content h2 {
        line-height: 27px;
    }
    .corporate-slider .slider-area .owl-item.active p {
        padding-right: 0;
    }
    .contact-content {
        margin-bottom: 100px;
    }
    .slide-content h2 {
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 20px;
        margin-top: 18px
    }
    .section-title h2 {
        font-size: 25px
    }
	.fun-content {
	  margin-bottom: 30px;
	}
    .section-title p {
        padding: 12px 10px 0
    }
    .single-plan,
    .col-md-4:nth-child(4) .single-latest,
    .col-md-4:nth-child(5) .single-latest,
    .single-testimonial,
    .single-blog,
    .single-contact,
    .grid-item-two,
    .sale-area .col-md-3:first-child {
        margin-bottom: 30px
    }
    .col-md-4:last-child .single-plan,
    .col-sm-4:last-child .single-plan,
    .col-md-4:last-child .single-testimonial,
    .col-sm-4:last-child .single-contact,
    .grid-two .grid-item-two:last-child {
        margin-bottom: 0px
    }
    .woocommerce #respond input#submit.alt, 
    .woocommerce a.button.alt, 
    .woocommerce button.button.alt, 
    .woocommerce input.button.alt, 
    .woocommerce #respond input#submit, 
    .woocommerce a.button, .woocommerce button.button, 
    .woocommerce input.button {
      width: 45%;
    }    
    .portfolio-area,
    .skill-right,
    .built-area {
        padding-top: 20px;
    }
    .skill-right,
    .built-content {
        margin-left: 0
    }
    .built-area,
    .blog-area,
    .testimonial-area.business {
        padding-top: 30px
    }
    .plan-area-wrapper:before,
    .skill-area-wrapper:before,
    .blog-area-wrapper:before,
    .plan-area-wrapper:after,
    .skill-area-wrapper:after,
    .blog-area-wrapper:after {
        width: 51%
    }
    .blog-img img,
    .instagram-wrapper a img,
    .cat6,
    .cat7,
    .cat8,
    .grid-item,
    .single-off img,
    .feature-img > img {
        width: 100%
    }
    .blog-area {
        padding-bottom: 10px
    }
    .blog-area-wrapper:before,
    .blog-area-wrapper:after {
        bottom: -60px
    }
    .slide-content-wrapper {
        padding: 50px 0
    }
    .slide-content h2 {
        font-size: 23px;
        line-height: 24px;
    }
    .slider-area p {
        font-size: 14px
    }
    .owl-nav div,
    .main-menu-wrapper.shop.header-sticky {
        display: none
    }
    .single-feature,
    .single-fun {
        margin-bottom: 30px;
    }
    .col-sm-4:last-child .single-feature,
    .col-sm-3:last-child .single-fun {
        margin-bottom: 0px;
    }
    .feature-area,
    .portfolio-area-two,
    .plan-area-wrapper,
    .skill-area-wrapper {
        padding-top: 70px
    }
    .portfolio-area-two,
    .blog-area.two,
    .skill-area.two,
    .built-area,
    .plan-area-wrapper {
        padding-bottom: 50px
    }
    .portfolio-area-two {
        padding: 0;
    }
    .we-have-built-gap .kc-wrap-columns .kc_col-sm-12 {
        padding: 0 15px;
    }
    .single-footer.widget.jr-insta-slider {
        margin-top: 0;
    }
    .grid-item-two,
    .grid-item-three {
        float: left;
        width: 100%
    }
    .footer-bottom form,
    .footer-bottom form input {
        width: 280px
    }
    .business .slide-content h2 {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 28px
    }
    .four.plan-area .single-plan {
        border-right: none;
        padding: 50px 10px 0px 15px
    }
    .four.plan-area {
        border-bottom: none
    }
    .latest-left {
        margin-right: 0px;
        margin-top: 0px
    }
    .single-latest.mb-90 {
        margin-bottom: 30px
    }
    .latest-right {
        margin-left: 0px;
        margin-top: 0px
    }
    .latest-middle {
        margin: 20px 0
    }
    .latest-area.two {
        padding-bottom: 0
    }
    .built-area.two .built-content {
        margin-right: 0;
        margin-top: 0
    }
    .built-area.two .built-content a {
        display: inline-block;
        margin-bottom: 30px
    }
    .blog-area.three {
        padding-top: 0
    }
    .business .slide-content p {
        padding-right: 0px
    }
    .slider-area.corporate h2,
    .slider-area.corporate h2 span {
        font-size: 30px;
    }
    .two .testimonial-owl {
        border-bottom: none
    }
    .footer-bottom p {
        margin-top: 10px;
        display: block;
        margin-bottom: 0
    }
    .minimal .slide-content h2,
    .minimal .slide-content p {
        font-size: 15px;
        line-height: 22px
    }
    .menu-bar {
        display: none
    }
    input#name,
    input#mail {
        margin-bottom: 20px
    }
    .logo.minimal {
        padding: 21px 0 20px
    }
    .search {
        top: 72px
    }
    .contact.comment h3 {
        font-size: 26px;
        margin-bottom: 40px
    }
    .banner-content h2 {
        font-size: 20px
    }
    .banner-breadcrumb ul li a,
    .banner-breadcrumb ul li {
        font-size: 11px
    }
    .blog-page-area .grid-right {
        padding-left: 0px;
        margin-right: 0;
        margin-left: 0
    }
    .blog-content.detail h3 {
        font-size: 15px;
        margin-top: 10px
    }
    .product-grid-area:after,
    .product-list-area:after,
    .blog-page-area:after {
        background: #fff
    }
    .shop .logo {
        padding: 20px 0 0px
    }
    .head-address ul li {
        display: block;
        margin-bottom: 20px;
    }
    .head-address {
        padding: 22px 0
    }
    .header-cart.main.shop {
        float: left;
        margin-left: 0;
        padding-top: 0
    }
    .mobile-menu.shop a.meanmenu-reveal {
        margin-top: -68px
    }
    .shop .slide-content h2 {
        font-size: 16px;
        line-height: 26px
    }
    .shop .slide-content h3 {
        font-size: 18px
    }
    .shop .slide-content p {
        font-size: 13px
    }
    .shop .slider-owl.owl-carousel .owl-dots,
    .corporate .slider-owl.owl-carousel .owl-dots {
        left: 16px
    }
    .feature-page .col-md-3:first-child .single-ftr,
    .feature-page .col-md-3:nth-child(2),
    .sale-area .col-md-3:first-child .single-ftr,
    .sale-area .col-md-3:nth-child(2) .single-ftr,
    .col-sm-4:last-child .single-off {
        margin-bottom: 0px
    }
    .sale-area .col-md-3:nth-child(5) .single-ftr,
    .sale-area .col-md-3:nth-child(6) .single-ftr,
    .single-off {
        margin-bottom: 40px
    }
    .off-hover h2 {
	  font-size: 32px;
	  padding: 37px 71px;
	}
    .product-grid-area .grid-right,
    .product-list-area .grid-right {
        margin-top: 30px;
        padding-left: 0;
        margin-left: 0;
        margin-right: 0
    }
    .list-left .ftr-img {
        float: inherit;
        margin-right: 0px
    }
    .list-left .ftr-content h5 a {
        font-size: 16px
    }
    .sticky .search-btn {
        padding: 24px 0 23px
    }
    .sticky .search-btn.corporate {
        padding: 23px 0
    }
    .search-btn.corporate {
        padding: 34px 0
    }
    .business .slide-content h5:after {
        top: -20px;
    }
    .business .slide-content h5 {
        margin-bottom: 0
    }
    .business .slider-owl.owl-carousel .owl-dots,
    .sticky .header-top {
        display: none
    }
	.search-btn ul.header-search {
	  margin: 0 20px 0 0;
	}
    .mobile-menu.one a.meanmenu-reveal {
        margin-top: -19px;
    }
    .corporate .search,
    .corporate.sticky .search {
        top: 103px
    }
    .sticky .corporate .search {
        top: 81px
    }
    .search-btn.common {
        padding: 30px 0 27px
    }
    .common .search,
    .sticky .common .search {
        top: 71px
    }
    .shop .header-cart.main ul.submenu-mainmenu {
        top: 102%
    }
    .product-thumb.product-thumb ul li {
        width: 54px
    }
    .sticky .mobile-menu.one a.meanmenu-reveal {
        margin-top: -55px
    }
    .blog-content p {
        font-size: 12px;
        line-height: 20px
    }
    .corporate .slide-content-wrapper {
        padding: 80px 0
    }
    .portfolio-area .grid .grid-item:nth-child(5),
    .portfolio-area .grid .grid-item:nth-child(6),
    .portfolio-area .grid .grid-item:nth-child(7) {
        margin-bottom: 5px
    }
    .sticky .mobile-menu.one a.meanmenu-reveal {
        margin-top: -7px;
    }
    .plan-area-wrapper:before,
    .skill-area-wrapper:before,
    .footer-area-wrapper:before {
        width: 51.5%
    }
    .portfolio-title h2 {
        font-size: 25px
    }
    .main-wrapper,
    .main-wrapper.minimal {
        padding-left: 5px;
        padding-right: 5px
    }
    .main-wrapper .header-sticky.sticky {
        padding: 0 5px
    }
    .fun-content h3 {
        font-size: 45px
    }
    .main-wrapper .header-cart.main ul.submenu-mainmenu {
        left: -40px
    }
    .four .single-plan {
        margin-bottom: 0px;
    }
    .four .plan-img {
        width: 35px
    }
    .slider-owl.owl-carousel .owl-dots {
        bottom: 20px
    }
    .creative .slide-content-wrapper {
        padding: 150px 0
    }
    .logo.common {
        padding: 10px 0
    }
    .search-btn.common,
    .sticky .search-btn.common {
        padding: 19px 0 17px
    }
    .logo.common {
        padding: 15px 0
    }
    .two .testimonial-owl.owl-carousel .owl-dots {
        padding-top: 20px
    }
    .corporate .slide-content p,
    .business .slide-content p {
        color: #ffffff;
        padding-right: 50px
    }
    .business .slide-content h2 span {
        display: block
    }
    .corporate .plan-img {
        margin-right: 10px;
        width: 45px
    }
    .zoomContainer {
        display: none
    }
    .login-form-container {
        padding: 37px 20px;
    }
    input.button {
        padding: 0 10px;
    }
    .coupon input {
        width: 140px;
    }
    .coupon2 {
        float: left;
        margin-top: 20px;
    }
    .ptb-90 {
        padding: 50px 0;
    }
    p.checkout-coupon input[type="submit"] {
        padding: 5px 12px;
    }
    p.checkout-coupon input[type="text"] {
        width: 150px;
    }
    .your-order {
        padding: 30px 10px 45px;
    }
    .ship-different-title h3 label {
        font-size: 17px;
    }
    .ratting-author.f-right {
        display: block;
        float: left;
        margin-top: 10px;
    }
    .ratting-star.f-left {
        display: block;
        width: 100%;
    }
    .login-toggle-btn > a {
        float: left;
        margin: 10px 0;
        width: 100%;
    }
    .your-order {
        margin-top: 50px;
    }
    .mean-container .mean-nav > ul {
        overflow-y: auto;
        padding: 0 15px;
    }
    .top-bar-left-menu.text-right {
        text-align: center;
    }
    a.meanmenu-reveal i {
        display: block;
        font-size: 25px;
        line-height: 25px;
        width: 22px;
    }
    body.box-layout,
    .header-area.sticky,
    .header-transparent {
        padding-right: 15px !important;
    }
    body.box-layout,
    .header-area.sticky,
    .header-transparent {
        padding-left: 15px !important;
    }
    .header-sticky.sticky.business {
        padding: 0;
    }
    .awesome-home .single-latest {
        margin-bottom: 0;
        margin-left: 0;
    }
    .awesome-home .single-latest.mb-40 {
        margin-bottom: 40px;
    }
    .awesome-home .latest-icon {
        float: none;
        height: auto;
        margin-bottom: 15px;
        margin-right: 0;
        width: inherit;
    }
    .author--info--wrap {
        margin-top: 50px;
    }
    .header-style-6 .search-btn.common {
        display: none;
    }
	.search-btn.common {
	  margin-left: 45px;
	}
    .header-style-6 .main-menu-wrapper {
        float: none;
    }
    .header-style-6 .shop-page-mini-cart {
        float: none;
    }
    .header-style-6 .shop-page-mini-cart .header-cart.main {
        margin-left: 10px;
        margin-top: 0;
        padding-top: 22px;
    }
    .sidebar_right:after {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    }
    .coupon .button {
        font-size: 11px !important;
        padding: 0 11px !important;
    }
    .woocommerce table.wishlist_table {
        font-size: 60%;
    }
    .woocommerce .wishlist_table td.product-add-to-cart a {
        font-size: 11px;
        padding: 0 7px;
    }
    .woocommerce .col2-set,
    .woocommerce .checkout-order {
        width: 100% !important;
    }
    .blog_sidebar_position_right .our-blog-area:after,
    .blog_details_sidebar_position_right .blog-story-area:after {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    }
    .sidebar_right aside.widget-area,
    .blog_sidebar_position_right .our-blog-area aside.widget-area,
    .blog_details_sidebar_position_right .blog-story-area aside.widget-area {
        margin-left: 0;
    }
    .download-btn-wrapper {
        width: 270px;
    }
    .breadcrumbs h2.page-title {
        font-size: 25px !important;
    }
    .our-blog-area aside {
        margin-top: 50px;
    }
    .main-menu-wrapper {
	  float: none;
	  right: 55px;
	  top: 32px;
	}
	.blog-content ul li, .blog-right ul li {
	  font-size: 13px;
	}
	.blog-content h3 a {
	  font-size: 12px;
	}
	.header-style-6 .shop-page-mini-cart .header-cart.main {
	  margin-left: 0;
	}
	.search-btn ul.header-search {
	  margin: 12px 5px 0px 0px;
	}
	.search-btn {
	  margin-right: 45px;
	}
	.awesome-home3 .latest-icon {
	  float: none;
	  margin-right: 0;
	}
	
	
	
}
/* Large Mobile :480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 450px;
    }
    .sticky .header-cart.main {
        margin-left: 125px;
        padding: 29px 0;
    }
    .sticky .search-btn.corporate {
        padding: 32px 0 24px
    }
	.header-cart.main {
	  margin-right: 0;
	}
	.section-title p {
	  margin: auto;
	  width: 330px;
	}
    .search-btn.corporate {
        padding: 42px 0 36px
    }
	.search-btn {
	  margin-right: 0;
	}
    .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
      width: 60%;
    }    
    .slide-content h2 {
        font-size: 28px;
        line-height: 26px
    }
    .slider-area p {
        font-size: 16px
    }
    .footer-bottom p {
        margin-top: 20px;
        float: left
    }
    .minimal .slide-content h2,
    .minimal .slide-content p {
        font-size: 18px
    }
    .shop .slide-content h2 {
        font-size: 20px;
        line-height: 30px
    }
    .shop .slide-content h3 {
        font-size: 22px
    }
    .shop .slide-content p {
        font-size: 15px
    }
    .head-address ul li {
        display: inline-block;
        margin-right: 18px;
        margin-bottom: 0px
    }
    .head-address ul li span {
        font-size: 13px
    }
    .mobile-menu.shop a.meanmenu-reveal {
        margin-top: -64px
    }
    .off-hover h2 {
        font-size: 55px;
        padding: 68px 115px
    }
    .banner-breadcrumb ul li a,
    .banner-breadcrumb ul li {
        font-size: 14px
    }
    .main-menu-wrapper {
	  float: none;
	  position: absolute;
	  right: 55px;
	  top: 7px;
	}
    .search-btn.common,
    .sticky .search-btn.common {
        padding: 20px 0 20px
    }
    .top-right {
        float: left
    }
    .blog-content p {
        font-size: 13px;
        line-height: 28px
    }
    .blog-content h3 a {
      font-size: 14px;
    }    
    .mobile-menu.one a.meanmenu-reveal {
        margin-top: -73px
    }
    .main-wrapper {
        padding-left: 10px;
        padding-right: 10px
    }
    .main-wrapper .header-cart.main ul.submenu-mainmenu {
        left: 0
    }
    .header-cart.main {
        margin-left: 140px;
        padding: 35px 0;
    }
	.header-cart.main {
	  margin-right: 45px;
	}
    .mobile-menu.one a.meanmenu-reveal {
        margin-top: -23px;
    }
    .portfolio > img {
        width: 100%;
    }
    .top-bar-left-content p {
        text-align: center;
    }
    .header-style-6 .main-menu-wrapper {
        float: right;
        margin-right: 0;
    }
    .header-style-6 .shop-page-mini-cart {
        float: right;
    }
    .header-style-6 .common.mobile-menu a.meanmenu-reveal {
        margin-top: -15px;
    }
    .portfolio {
        margin: auto;
        width: 420px;
    }
    .portfolio-img.news-heffect > img {
        display: block;
        margin: auto;
    }
    .off-hover h2 {
        font-size: 39px;
        padding: 73px 139px;
    }
    .sticky .mobile-menu.one a.meanmenu-reveal {
        margin-top: -60px
    }
    .four.plan-area.minimal .single-plan {
        padding: 50px 44px 0 40px
    }
    .creative.portfolio-area .grid-item {
        float: left;
        width: 50%;
    }
    .common .search,
    .sticky .common .search {
        top: 81px
    }
    .zoomWrapper img {
        width: 100%
    }
    .product-thumb.product-thumb ul li {
        width: 90px
    }
    .coupon2 {
        float: right;
        margin-top: 0;
    }
	.search-btn ul.header-search {
	  margin: 5px 0 0 0;
	}
	.awesome-home3 .latest-icon {
	  float: none;
	  margin-right: 0;
	}
	.sticky .mobile-menu.one a.meanmenu-reveal {
	  margin-top: -7px;
	}
	.mobile-menu a.meanmenu-reveal {
	  margin-right: 0;
	}
	.portfolio-section {
	  padding: 0 25px;
	}
	.search-btn.corporate {
	  padding: 35px 0 36px;
	}
	.header-cart.main {
	  margin-left: inherit;
	  margin-right: 60px;
	}
	.header-style-6 .shop-page-mini-cart .header-cart.main {
	  margin-left: 15px;
	}
	
}