@charset "utf-8";

/* Layout: Large Devices. */
@media only screen and (max-width: 1400px) {
	.rs-banner .banner-content .banner_title {
		font-size: 45px;
	}
}

@media only screen and (max-width: 1199px) {
	.navbar a{
		font-size: 12px !important;
	}
	.navbar a, .navbar li {
	    font-size: 12px !important;
	}
	.menu-area .navbar ul li {
	    padding: 0 8px;
	}
	.image-banner .title{
		font-size: 35px !important;
	}
	.rs-footer .footer-top .mc4wp-form .mc4wp-form-fields input[type="email"] {
	    font-size: 11px;
	}
	.menu-area .navbar ul li .sub-menu{
		right: 8px;
		left: auto;
	}
	.rs-services1 .services-title {
	    font-size: 20px;
	    margin-bottom: 6px;
	}
	.btm-cate li {
	    margin-right: 10px;
	    font-size: 13px;
	}
	.shipping-area .product-list table tr td {
	    padding-right: 20px;
	}
}

/* Layout: Min 992px Max 1199px. */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .counter-top-area.left h3 {
        font-size: 12px;
    }
	.rs-slider .slide-content {
	    padding: 150px 15px;
	    max-width: 960px;
	}
}

/* Layout: Min 992px to Higher. */

@media only screen and (min-width: 991px) {
	.left-sidebar{
		float: right;
	}
	.menu-area .navbar ul ul ul.sub-menu{
		right: 100% !important;
		margin-top: -1px;
		left: auto !important;
	}
}

/* Medium Layout: 991px. */

@media only screen and (max-width: 991px) {
	.sec-spacer {
	    padding: 80px 0;
	}
	.sec-spacer2 {
	    padding: 80px 0 50px;
	}
	.sec-spacer3 {
	    padding-top: 72px;
	    padding-bottom: 80px;
	}
	.rs-skills {
	    padding: 72px 0 55px;
	}
	.rs-who-we-are,
	.rs-blog {
	    padding: 72px 0 50px;
	}
	.rs-about-me{
		padding-top: 72px;
	}
	.shop-page-area.single-product-page,
	.pt-100{
		padding-top: 80px !important;
	}
	.rs-about-skills.rs-skills.pb-0{
		padding-top: 80px !important;
		padding-bottom: 50px !important;
	}
	.pb-100{
		padding-bottom: 80px !important;
	}
	.mb-70{
		margin-bottom: 50px;
	}
	.rs-pfolio-details {
	    padding: 80px 0 64px;
	}
	.shop-single-page-area .shop-single-btm-page-area {
	    padding-bottom: 65px;
	    padding-top: 72px;
	}
	.rs-blog .blog-slider .owl-nav div.owl-prev, 
	.rs-blog .blog-slider .owl-nav div.owl-next {
		display: none;
	}
	.banner4 .container {
	    height: 70vh;
	}
	.rs-footer .footer-top {
	    padding-bottom: 80px;
	}
	.rs-about-me.sec-spacer2 {
		padding-bottom: 100px;
	}
	.mobile-menu-link {
		right: 0;
		height: 70px;
		line-height: 70px;
	}
	.rs-slider .slide-content {
	    padding: 120px 15px;
	    max-width: 720px;
	}
	.rs-slider .slide-title {
	    font-size: 36px;
	    line-height: 46px;
	}
	.shipping-box, .mobile-mb-50 {
	    margin-bottom: 50px;
	}
	.rs-slider.large-gap .slide-content {
	    padding: 220px 15px;
	}
	#rs-header .logo-area h1 {
		height: 70px;
		line-height: 70px;
	}
	.floating-icons{
		display: none;
	}
	.width50 {
		width: 100%;
	}
	.rs-banner .banner-content .banner-introtext {
	    max-width: 100%;
	    margin: 12px auto 18px;
	}	
	.nav-container {
	  margin-top: 0;
	  width: 20%;
	  position:absolute;
	  right:0;
	  top:0;
	  height: 100%;
	}
	.rs-footer .widget_recent_entries .footer-title {
	    padding-top: 40px;
	}
	.menu-area .mobile-menu-link, 
	.menu-area .mobile-menu-container {
	    display: block;
	}
	.nav-link-container, .nav-container{
		display: none;
	}
	.menu-area #primary-menu-single {
		display: block;
	}
	#rs-header .logo-area {
    	position: absolute;
	}
	.menu-area .navbar ul li{
	    height: 60px;
	    line-height: 60px;
	    display: block;
	    text-align: left;
	}
	.menu-main-menu-single-container{
		width: 100%;
		padding: 0;
		background: #50d2c2;
	}
	.navbar-header{
		float: none;
		margin-top: 8px;
	}
	#rs-header .menu-area .navbar ul li:hover a::after, 
	#rs-header .menu-area .navbar ul li.active a::after{
		display: none;
	}
	.navbar a{
		line-height: 60px;
	}
	.menu-area .navbar ul li ul.sub-menu {
		min-width: 100%;
		display: none;
	}
	.banner5 .title {
	    font-size: 38px;
	    line-height: 58px;
	}
	.banner5 .rs-header-title .introtext {
	    font-size: 26px;
	    line-height: 35px;
	}
	.rs-footer .widget_newsletter {
		margin-top: 28px;
	}
	.menu-area .navbar ul li ul.sub-menu li{
		background: rgba(255, 255, 255, 0.3);
	}
	.navbar-menu #primary-menu-single{
		display: none;
	}
	#blog-home .blog-meta .blog-title {
    	font-size: 16px;
    	line-height: 23px !important;
	}
	.rs-blog .blog-item .blog-meta .blog-date {
	    font-size: 12px;
	}
	span.author {
    	margin-left: 6px;
	}
	.rs-blog .blog-item .blog-meta .blog-lc > div:first-child {
    	margin-right: 0;
    	font-size: 10px;
	}
	.rs-contact-section #googleMap {
		margin-top: 50px;
		height: 320px;
	}
	.rs-banner .banner-content .banner_title {
		font-size: 45px;
	}
	.rs-banner .banner-content .work-position h3, 
	.rs-banner .banner-content .work-position .cd-headline {
		font-size: 35px;
		line-height: 42px;
	}
	.rs-about .about-right {
	    padding-left: 0;
	    padding-top: 40px;
	}
	.rs-about .about-left .about-skill{
		right: 0;
	}
	.rs-about .about-left, 
	.rs-about .about-right{
		height: auto;
	}
	.about-right {
		text-align: center;
	}
	aside.widget-area {
		margin-top: 50px;
	}
	.pagination {
		margin: 0;
	}
	.rs-heading .title-inner h2 span.watermark {
		font-size: 52px;
	}
	#rs-resume .rs-heading .title-inner h2 span.watermark {
		font-size: 51px;
	}
    .rs-resume .resume-item {
        padding: 25px 20px;
    }
    .rs-resume .resume-item h3 {
        font-size: 17px;
    }
    .rs-resume .resume-item h5{
        font-size: 16px;
    }
    .rs-portfolio .portfolio-filter button {
        padding: 0 0 4px;
    }
    .portfolio-filter button.active::before{
    	width: 20px;
    	left: 50%;
    }
    .shipping-area .product-list table tr td .des-pro {
        width: auto;
        padding-right: 0;
    }
    #contact-address .phone-area,
    #contact-address .email-area,
    #contact-address .address-box {
        font-size: 13px;
    }
	.rs-banner .banner-content.balign-center {
		width: 100%;
	}
	.rs-banner.banner3 .banner-content.balign-center {
		padding-right: 20px;
	}
	.rs-footer.footer-style-3 .widget_recent_entries .footer-title{
		padding-top: 40px;
	}
	.mmt-40{
		margin-top: 40px;
	}
	.floating-bar.Left{
		display: none;
	}
	.float-icon.icon-Left{
		display: none;
	}
	.service-square-effect .services-desc:after{
		left: 50%;
	}
	.menu-area .navbar{
		display: block;
	}
	#rs-header .menu-area .navbar > .navbar-menu {
		display: none;
		visibility: hidden;
	}
	.footer-bottom-2 .row [class*="col-"], 
	.footer-bottom-2 .social {
		text-align: center;
	}
	.footer-bottom-2 .social {
		margin-top: 8px;
	}
	.blog-left .col-lg-3 {
        -webkit-order: 2;
        order: 2;
	}
	.shipping-area .product-list table tr td .prize{
		padding-right: 0;
	}
	.shipping-area .product-list table tr td .order-pro{
		margin-right: 0;
	}
	.widget ul li:last-child{
		padding-bottom: 0;
	}
}

/* Mobile Layout: 767px. */

@media only screen and (max-width: 767px) {
	.rs-portfolio .portfolio-filter button {
        padding: 4px 0px;
    }
	.single-teams .rs-porfolio-details {
	    padding: 60px 0 40px;
	}
	.rs-slider .slide-title {
	    font-size: 28px;
	    line-height: 40px;
	}
	.rs-team-details .social-icons {
		margin-bottom: 20px;
	}
	.rs-breadcrumbs .page-title{
		float: none;
	}
	.rs-slider .slide-content {
	    padding: 100px 15px;
	    max-width: 540px;
	}
	.rs-breadcrumbs .breadcrumbs {
	    float: none;
	    text-align: center;
	}
	.rs-breadcrumbs nav ul li {
	    float: none; 
	    display: inline-block;
	}
	.rs-breadcrumbs nav ul li + li {
	    margin-left: 4px;
	}
	.rs-slider.large-gap .slide-content {
	    padding: 170px 15px;
	}
	.rs-portfolio .portfolio-filter button {
	    display: block;
	    width: 100%;
	    text-align: center;
	    margin-left: 0;
	    margin-bottom: 15px;
	}
	.shop-page-area .topbar-area .showing-result ul span,
	.shop-page-area .topbar-area .showing-result ul li,
	.shop-page-area .topbar-area .showing-Short .seclec-box{
	    display: block;
	    flex: none;
	}
	.shop-page-area .topbar-area .showing-result ul span{
	    margin: 10px 0;
	}
	.shop-page-area .topbar-area .showing-result ul li{
	    height: auto;
	}
	.shop-page-area .topbar-area .showing-Short .seclec-box{
	    width: 100%;
	}
	.shop-single-page-area .inner-single-product-slider {
	    padding-bottom: 50px;
	}
	.shop-single-page-area .tab-btm .tab-content {
	    padding-top: 40px;
	}
	.shipping-area .product-list table {
	    width: 100%;
	}
	.shipping-area .product-list table tr td .order-pro,
	.shipping-area .product-list table {
	    margin: 0px;
	}
	.shipping-area .product-list table tr td i, 
	.shipping-area .product-list table tr td img {
	    margin: 0 auto;
	}
	.shipping-area .product-list table tr td {
	    margin-bottom: 20px;
	    padding: 0;
	    text-align: center;
	    display: block;
	}
	.shipping-area .product-list table tr {
	    padding: 30px 0;
	}
	.shipping-area .product-list table tr td .prize{
	    padding-right: 0;
	}
	.shipping-area .order-list {
	    margin-top: 30px;
	}
	.sidenav {
	    width: 300px;
	}
	h1 {
	    font-size: 48px;
	    line-height: 58px;
	}
	.rs-header-title .introtext {
	    font-size: 32px;
	    line-height: 40px;
	}
	.owl-navigation-yes .owl-nav {
		display: none;
	}
	.rs-about .readon {
		margin-bottom: 10px;
	}
	.rs-breadcrumbs .breadcrumbs-inner {
		display: block;
		text-align: center;
		padding-top: 10px;
	}
	.rs-breadcrumbs .breadcrumbs-inner nav ul {
		display: inline-block;
	}
	.rs-breadcrumbs .breadcrumbs-inner nav ul:after {
		display: block;
		clear: both;
		content: "";
	}
	.rs-about .about-skill {
		padding: 36px 30px;
		width: 100%;
		opacity: 1;
		position: static;
		transform: translate(0);
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		margin-bottom: 40px !important;
	}
	.rs-about .wpb_single_image .vc_figure {
		display: block;
		text-align: center;
	}
	.rs-about .wpb_single_image .vc_single_image-wrapper, 
	.rs-about .wpb_single_image .vc_single_image-wrapper img {
		width: 100%;
	}
	.contact-form {
    	padding: 0 15px 0 15px;
	}
	#contact-address #contact-form-title h3 {
	    padding: 70px 0 24px 0;
	    text-align: center;
	}
	.comments-area .comment-list li.comment {
		padding: 10px;
		border: none;
		box-shadow: none;
	}
	.comments-area .comment-list li.comment .comment-content p {
		margin-bottom: 8px;
	}
	.comments-area .comment-list li.comment .comment-content p {
		margin-bottom: 8px;
	}
	.comments-area .comment-list li.comment .comment-content {
		margin-top: 15px;
	}
	.rs-banner {
		padding-top: 120px;
    	padding-bottom: 90px;
	}
	.rs-banner.banner-title-square-effect {
	    padding-top: 200px;
	    padding-bottom: 170px;
	}
	.rs-banner.banner4 {
		padding-top: 0;
		padding-bottom: 0;
	}
	.rs-banner.banner5 {
	    padding-top: 50px;
	    padding-bottom: 80px;
	}
	.rs-banner .arrow-btn {
		display: none;
	}
	.rs-banner .banner-content .banner_title {
		font-size: 34px;
		line-height: 42px;
		margin-bottom: 10px;
	}
	.rs-banner.banner5 .rs-header-title {
		margin-bottom: 50px;
	}
	.rs-banner .banner-content .work-position h3, .rs-banner .banner-content .work-position .cd-headline {
		font-size: 26px;
		line-height: 30px;
	}
	.rs-banner .banner-content .banner-button {
		margin-top: 0;
	}
	.rs-banner.banner4 .banner-content .banner-button {
		margin-top: 20px;
	}
	.rs-about .about-title h2 {
		margin-bottom: 0;
	}
	.rs-cta .cta-inner h3 {
	    font-size: 24px;
	    margin-bottom: 5px;
	}
	.counter-top-area.left .count-icon, 
	.counter-top-area.left .count-text {
		float: none;
		text-align: center;
		padding: 0
	}
	.counter-top-area.left {
		padding: 40px 20px 32px 20px;
	}
	.rs-porfolio-details .ps-image {
		float: none;
		width: 100%;
		margin-bottom: 40px;
	}
	.rs-porfolio-details .ps-informations {
		float: none;
		width: 100%;
	}
	#rs-header .toolbar-area .toolbar-sl-share ul {
		text-align: center;
	}
    .about-right.home2{
        padding-top: 0 !important;
    }
    .rs-about-skills {
    	padding: 100px 25px 80px;
    }
    .rs-about-skills .skills-wrap {
        margin-right: 0;
        margin-top: 50px;
    }
    .rs-pfolio-details .ps-image {
    	margin-bottom: 25px;
    }
    .rs-breadcrumbs .page-title {
	    font-size: 26px;
	    line-height: 40px;
	}
}



/* Device Size : 590px. */

@media only screen and (max-width: 590px) {
	.rs-banner .cd-headline.clip .cd-words-wrapper {
		margin-left: 0;
	}
	.rs-header-title .title{
		font-size: 30px;
    	line-height: 36px;
	}
	.rs-header-title .introtext {
	    font-size: 25px;
	    line-height: 30px;
	}
	.rs-services .services-item .services-title {
	    margin-bottom: 14px;
	    font-size: 20px;
	}
	.rs-services .services-item .services-icon {
	    margin-bottom: 20px;
	}
	.rs-header-title .title{
		padding-bottom: 0;
	}
	.rs-header-title .header-button{
		margin-bottom: 10px;
	}
	.rs-team-details .info-title {
	    font-size: 22px;
	    line-height: 35px;
	    margin-bottom: 10px;
	}
}



/* Small Device : 480px. */

@media only screen and (max-width: 480px) {
	#scrollUp {
	    right: 14px;
	}
	.banner4 .container {
	    height: 50vh;
	}
	.rs-banner.banner4 .banner-content {
	    padding-right: 82px;
	}
	.rs-banner.banner4 .banner-content .banner_title {
	    font-size: 20px;
	    line-height: 26px;
	}
	.rs-banner.banner4 .banner-content .work-position h3, 
	.rs-banner.banner4 .banner-content .work-position .cd-headline {
	    font-size: 17px;
	    line-height: 24px;
	}
	.rs-slider .slide-title {
	    line-height: 34px;
	}
	.rs-heading h2{
		margin-bottom: 15px;
	}
	.title-inner h2,
	.rs-heading h2,
	.rs-slider .slide-title,
	.rs-header-title .title{
		font-size: 22px;
	}
	.rs-slider .slide-content {
	    padding: 70px 15px;
	}
	.rs-blog-sec .blog-item .blog-meta .blog-title {
	    line-height: 28px;
	}
	.rs-blog-sec .blog-item .blog-meta .blog-title,
	.rs-banner .banner-content .work-position h3, 
	.rs-banner .banner-content .work-position .cd-headline{
		font-size: 20px;
	}
}