@charset "utf-8";



/**

*

* -----------------------------------------------------------------------------

*

* Template : Grassy - One Page Corporate HTML5 Template 

* Author : rs-theme

* Author URI : http://www.rstheme.com/

*

* -----------------------------------------------------------------------------

*

**/



/* Layout: Large Devices. */

@media only screen and (min-width: 1200px) {

	.rs-services .services-wrap .services-item::after {

	    height: calc(100% + 80px);

	    top: 50%;

	}

}



@media only screen and (max-width: 1199px) {
	
	#goodreads-widget {
     width:900px!important;
  }
	
	iframe{
    
    width: 900px!important;
	}

	.rs-services .sec-color {

		padding: 80px 0;

	}

	.rs-services .services-wrap .services-item {

		padding: 35px;

	}

	.rs-cta {

		text-align: center;

		margin-top: 0px;

	}

	.sub-title, .sl-title, .sl-desc, .border.white.mr-25, .readon.white-color.green-bg{

		left: 20px !important;

	}

	.rs-about .about-exp {

		margin-top: 50px; 

	}

	.rs-cta .cta-content{

		font-size: 30px;

	}

	#sp-top-bar ul{

		text-align: left;

	}

	#sp-top2 .social-icons{

		text-align: right;

	}

	#rs-testimonial .sppb-col-md-12{

		padding: 0;

	}

}

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

@media only screen and (min-width: 992px) and (max-width: 1199px) {

	.rs-about .about-exp .readon {

		padding: 12px 12px;

		font-size: 14px;

	}

	.sp-megamenu-parent li a {

		padding: 0 10px;

		font-size: 13px;

	}

	#sp-top-bar li {

		font-size: 12px;

	}

	.page-content {

		margin-top: -91px !important;

	}

}



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

@media only screen and (min-width: 991px) {

	.pr-md-65 {

	    padding-right: 65px;

	}

	

}



/* Medium Layout: 991px. */ 

@media only screen and (max-width: 991px) {
	
	#goodreads-widget {
     width:720px!important;
  }
	
	iframe{
    
    width: 720px!important;
	}

	.menu-area .row > div[class*="col-"] {

		width: 100%;

	}

	.sp-page-builder .page-content [id*="section-id-"],

	.sp-page-builder .page-content #rs-services,

	.sp-page-builder .page-content #rs-pricing,

	.sp-page-builder .page-content #rs-cta,

	.sp-page-builder .page-content #rs-about,

	.sp-page-builder .page-content #rs-portfolio,

	.sp-page-builder .page-content #rs-faq,

	.sp-page-builder .page-content #rs-team,

	.sp-page-builder .page-content #rs-testimonial,

	.sp-page-builder .page-content #rs-blog,

	.sp-page-builder .page-content #rs-contact,

	.sp-page-builder .page-content #rs-partner{

    	padding: 70px 0px 70px 0px !important;

	}

	#sp-footer {

		padding: 40px 0px 65px 0px !important;

	}

	.rs-newsletter .news-note{

		font-size: 14px;

	}

	#sp-bottom1 {

    margin-bottom: 35px;

	}

	#rs-testimonial .sppb-section-title{

		padding-left: 15px;

	}

	#rs-faq .sppb-column{

    	padding-right: 0;

	}

	.navbar-header {

	    float: none;

	}

	.navbar-toggle {

	    display: block;

	}

	#rs-testimonial .sppb-row-container{

		padding: 0 !important;

	}

	.navbar-collapse {

	    border-top: 1px solid transparent;

	    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);

	}

	.sp-simpleportfolio .sp-simpleportfolio-filter ul li a{

		margin-top: 15px;

	}

	.navbar-collapse.collapse {

		display: none !important;

	}

	.navbar-collapse.collapse.in {

		display: block !important;

	}

	.navbar-nav {

	    float: none!important;

	    margin: 7.5px -15px;

	}

	.navbar-nav>li {

	    float: none;

	}

	.navbar-nav>li>a {

	    padding-top: 10px;

	    padding-bottom: 10px;

	}

	.main-content{

		padding-top:105px

	}

	#rs-header .menu-area .logo-area {

		line-height: normal;

		padding: 17px 0;

	}

	#rs-header .menu-area .logo-area a img {

	    width: 142px;

	    vertical-align: top;

	}

	#rs-header .menu-area .navbar ul li {

	    height: auto;

	    line-height: normal;

	    border-top: 1px solid rgba(0, 0, 0, 0.05);

	    display: block;

	}

	#rs-header .menu-area .navbar ul li:first-child {

	    border-top: 2px solid rgba(0, 0, 0, 0.1);

	    padding-top: 15px;

	}

	.navbar-toggle {

	    margin-right: 0px;

	    margin-top: -53px;

	    margin-bottom: 0;

	}

	.navbar {

	    min-height: 0px;

	}

	#rs-header .menu-area .navbar ul {

		text-align: left;

		margin-bottom: 25px;

	}

	#rs-header .menu-area .navbar ul li + li {

	    margin-left: 0;

	}

	#rs-header .menu-area .navbar ul li > a {

	    padding: 12px 0;

	    display: inline-block;

	    position: relative;

	}

	#rs-header .menu-area .navbar ul li > a:hover, 

	#rs-header .menu-area .navbar ul li.active > a {

		opacity: 0.7;

	}

	#rs-header .menu-area .navbar ul li > a:before, 

	#rs-header .menu-area .navbar ul li > a:after {

		display: none;

	}

	.rs-slider .nivo-controlNav {

		left: auto;

		right: 10%;

		-webkit-transform: none; 

		transform: none;

		bottom: 10px;

	}

	.sec-spacer {

	    padding: 80px 0;

	}

	.rs-about .about-exp {

		margin-top: 50px;

	}

	.rs-services .sec-title {

	    margin-bottom: 45px;

	}

	#rs-services{

		padding-bottom:100px !important;

	}

	#sppb-addon-1505724590610, #sppb-addon-1505731643125{

		padding-right:0 !important ;

	}

	.rs-about .about-exp.mt-100{

		margin-bottom: 90px;

	}

	.home3 .rs-about .about-exp.mt-100{

		margin-bottom: 0px;

		margin-top: 70px;

	}

	.home3 .about-left-col {

    margin-bottom: 70px;

	}

	#rs-faq .sec-title{

		margin-top: 60px;

	}

	.counter-top-area .rs-counter-list .counter-icon{

       margin-top: 30px !important;

	}

	.counter-top-area .rs-counter-list .rs-count .sppb-animated-number {

		margin-top: 20px !important;

		margin-bottom: 30px !important;

	}

	.sppb-row-container {

		padding-left: 30px !important;

		padding-right: 30px !important;

	}

	.rs-cta {

		text-align: center;

	}

	.cta-button {

		margin-top: 25px;

		text-align: center;

	}

	.rs-portfolio .portfolio-filter button {

	    font-size: 14px;

	    margin: 0 12px 12px 0;

	}

	.rs-portfolio .portfolio-item .p-zoom, 

	.rs-blog .blog-item .blog-img .blog-img-content .blog-link {

		font-size: 38px;

	}

	.rs-footer .footer-top [class*="col-"] + [class*="col-"] {

	    margin-top: 45px

	}

	

	.counter-top-area {

		padding: 70px 0;

	}

	.rs-newsletter .news-title {

	    font-size: 24px;

	}

	.rs-newsletter .news-note {

	    font-size: 16px;

	}

	.sec-title br {

		display: none;

	}

	.about-widget p {

		margin-bottom: 10px;

	}

	.rs-footer .footer-top #sp-bottom2 {

		margin-top: 0;

	}

	#rs-pricing .sppb-row {

    	display: block !important;

	}

	#rs-services .mb-s-30 [id*="sppb-addon-"]{

		margin-bottom: 60px !important;

	}

	#rs-services .mb-s-30.last .sppb-column-addons [id*="sppb-addon-"]:last-child {

		margin-bottom: 0px !important;

	}

	.mb-s-30{

		margin-bottom: 30px;

	}

	.mt-s-30{

		margin-top: 30px;

	}

	#rs-services .service-readmore {	

		display: block;

	}

	.blog > .items-row > .col-sm-4{

		width: 100%;

		float: none;

	}

		#sp-top-bar ul {

		text-align: center;

	}

	#sp-bottom1, #sp-bottom2, #sp-bottom3 {

    width: 100%;

	}

	#rs-services .timeline-movement:last-child{

		padding-bottom: 30px !important;

	}

	#sp-bottom4 .sp-simpleportfolio .sp-simpleportfolio-items .sp-simpleportfolio-item{

		width: 33.33%;

	}

	#sp-bottom4 .sp-simpleportfolio-items{

		max-width: 400px;

	}

	.home3 #sp-header #offcanvas-toggler i {

    	color: #fff;

	}

	#sp-main-body {

    	padding: 0px 0 20px !important;

    	margin-top: 0px !important;

	}

	.tparrows.preview2 {

		max-width: 40px !important;

		height: 40px !important;

		line-height: 40px !important;

	}

	.tparrows.preview2:hover {

		max-width: 40px !important;

		height: 40px !important;

		line-height: 40px !important;

	}

	.sp-page-title {

		margin-bottom: 50px !important;

	}

}

@media only screen and (min-width: 767px) and (max-width: 1050px) {

	.cl-testimonials .cl_column_1, 

	.cl-testimonials .cl_column_2, 

	.cl-testimonials .cl_column_3, 

	.cl-testimonials .cl_column_4, 

	.cl-testimonials .cl_column_5, 

	.cl-testimonials .cl_column_6{

		width: 45%;

		margin: 15px;

	}

}



/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {

	.nivoSlider {

	    zoom: 0.7;

	}

}



/* Min Width Layout: 767px. */

@media only screen and (min-width: 767px) {

	.comment-list .comment + ul {

	    padding-left: 100px;

	}

}



/* Mobile Layout: 767px. */

@media only screen and (max-width: 767px) {
	
	#goodreads-widget {
     width:540px!important;
  }
	
	iframe{
    
    width: 540px!important;
	}

	#rs-header .menu-area .navbar ul li .navbar-dropdown {

		position: relative;

	    opacity: 1;

	    visibility: visible;

	    transform: none;

	    width: 100%;

	}

	#sp-top2 .social-icons{

		text-align: center;

	}

	.panel-title{

		font-size: 14px !important;

	}

	.main-content{

		padding-top:65px

	}

	#rs-header .menu-area .logo-area a {

		display: inline-block;

	}

	.rs-testimonial .testi-content {

		padding: 17px 15px;

	}

	.rs-video-area .rs-video-content-wrap{

		height: 400px;

	}

	.rs-slider .sl-title,

    .rs-video-area .rs-video-content-wrap .sl-title{

		margin-bottom: 15px;

	}

	.rs-slider .sl-desc, 

	.rs-video-area .rs-video-content-wrap .sl-desc{

        margin-bottom: 15px;

	}



	.rs-testimonial .testi-content p {

		padding: 0 30px;

		text-align: left;

	}

	.rs-testimonial .tab-pane:nth-child(1) .testi-content:before {

		left: 25%;

	}

	.rs-testimonial .tab-pane:nth-child(2) .testi-content:before {

		right: 25%;

		left: auto;

		margin-right: -30px;

	}

	.rs-testimonial .testi-content p:after, .rs-testimonial .testi-content p:before {

		font-size: 20px;

	}

	.nivoSlider {

	    zoom: 0.5;

	}

	.nivo-directionNav {

		display: none;

	}

	#rs-header .menu-area .logo-area {

		line-height: normal;

		padding: 17px 0;

	}

	#rs-header .menu-area .logo-area a img {

	    width: 142px;

	    vertical-align: top;

	}

	.rs-footer .copyright, 

	.rs-footer .text-right {

		text-align: center;

	}

	.rs-footer .ft-bottom-right {

		margin-top: 10px;

	}

	.rs-slider .slider-botton {

	    margin-top: 13px;

	}

	.container {

	    padding-right: 25px;

	    padding-left: 25px;

	}

	.sec-title h3 {

	    font-size: 26px;

	    line-height: 36px;

	}

	.counter-top-area h3{

		margin-bottom: 60px;

	}

	.counter-top-area h3.last{

		margin-bottom: 0;

	}

	.rs-blog-details .author-block {

	    display: block;

	    padding: 30px;

	    text-align: center;

	}

	.rs-blog-details .author-block .author-img {

		margin: 0 0 25px;

	}



	.rs-slider .sl-title,

	.rs-video-area .rs-video-content-wrap .sl-title,

    .rs-banner-area .sl-title

	{

		font-size: 35px

	}



	.rs-banner-area .sl-subtitle,

	.rs-slider .sl-subtitle {

	    font-size: 22px;

	    margin-bottom: 10px;

	}

	.cl-testimonials .cl_column_1, 

	.cl-testimonials .cl_column_2, 

	.cl-testimonials .cl_column_3, 

	.cl-testimonials .cl_column_4, 

	.cl-testimonials .cl_column_5, 

	.cl-testimonials .cl_column_6{

		width: 100% !important;

		margin-left: 0px !important;

		margin-right: 0px !important;

		float:none;

	}

	#sp-simpleportfolio.sp-simpleportfolio .sp-simpleportfolio-filter ul li a, 

	.full-width-portfolio.sp-simpleportfolio .sp-simpleportfolio-filter ul li a{

		padding: 10px 14px;

	}

	.bs-sidebar .nav.menu{

		padding-bottom: 40px;

	}

	.clpricing-table .price-3{

		margin-bottom: 0;

	}

}



/* Device Size : 590px. */

@media only screen and (max-width: 590px) {
	
	#goodreads-widget {
     width:400px!important;
  }
	
	iframe{
    
    width: 400px!important;
	}

	.rs-portfolio .grid-item {

		width: 100%;

	}

	.about-exp [class*="col-"] {

		width: 100%;

	}

	.about-exp * {

		text-align: center;

	}

	.rs-banner-area .sl-subtitle,

	.rs-slider .sl-subtitle {

	    font-size: 18px;

	    margin-bottom: 12px;

	}

	

	.rs-banner-area .sl-desc {

	    margin-bottom: 20px;

	    font-size: 15px;

	}

	.rs-banner-area .readon {

	    padding: 8px 15px;

	    font-size: 12px;

	}

	.rs-slider .sl-title,

	.rs-video-area .rs-video-content-wrap .sl-title{

		font-size: 24px

	}

	.sppb-title-subheading{

		font-size: 26px !important;

		line-height: 30px !important;

	}

	.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li{

		float:none;

		display: inline-block;

		margin-bottom: 15px;

	}

	.sp-simpleportfolio .sp-simpleportfolio-filter > ul{

		text-align:center;

	}

	.rs-porfolio-details .ps-share ul li a {

		font-size: 16px;

		width: 36px;

		height: 36px;

		line-height: 36px;

	}

}



/* Small Device : 480px. */

@media only screen and (max-width: 480px) {
	
	#goodreads-widget {
     width:280px!important;
  }
	
	iframe{
    
    width: 280px!important;
	}

	.rs-slider .sl-subtitle,

	.rs-video-area .rs-video-content-wrap .sl-subtitle {

	    font-size: 18px;

	    margin-bottom: 8px;

	}

	.rs-footer .footer-bottom .copyright p{

		font-size: 12px;

	}

	.sppb-title-subheading {

    	font-size: 20px !important;

	}

	.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li{

		margin-bottom: 0;

	}

	.sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title a{

		font-size: 13px;

	}

	.sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title{

		margin-bottom: 0;

	}

	.rs-services .services-wrap .services-item{

    	padding: 22px;

	}

	.nivo-controlNav{

		display: none;

	}

	#rs-faq .panel-title a.accordion-toggle.collapsed:after{

		right: -18px;

	}

	.rs-slider .sl-title,

	.rs-video-area .rs-video-content-wrap .sl-title {

	    font-size: 24px;

	    margin-bottom: 0;

	}

	.rs-slider .sl-desc,

	.rs-video-area .rs-video-content-wrap .sl-desc {

	    font-size: 14px;

	}

	.rs-slider .slider-botton,

	.rs-video-area .rs-video-content-wrap .slider-botton {

		margin-top: 0;

	}

	.rs-slider .slider-botton .readon,

	.rs-video-area .rs-video-content-wrap .slider-botton .readon {

	    padding: 8px 12px;

	    font-size: 13px;

	}

	.rs-newsletter .news-form .form-input {

		font-size: 14px;

	}

	.rs-newsletter .news-form .form-button {

	    min-width: 150px;

	    font-size: 14px;

	    position: relative;

	    margin-top: 25px;

	}

	.owl-navigation-yes .owl-stage-outer {

	    padding-bottom: 40px;

	}

	.slick-list {

		padding-bottom: 80px;

	}

	.owl-navigation-yes .owl-nav {

	    right: 50%;

	    top: auto;

	    bottom: 0;

		-webkit-transform: translateX(50%);

		transform: translateX(50%);

	}

	.rs-testimonial .testi-carousel .slick-arrow {

	    bottom: 0;

        top: auto;

        z-index: 999;

        left: 50%;

        transform: translateX(50%);

	}

	.owl-navigation-yes .owl-nav [class*=owl-].owl-prev {

	    left: -12px;

	}

	.rs-testimonial .testi-carousel .slick-arrow {

	    bottom: 0;

        top: auto;

        z-index: 999;

        left: 50%;

        transform: translateX(50%);

	}

	.rs-testimonial .testi-carousel .slick-arrow.slick-prev {

		margin-left: -50px;

	}

	.rs-team .team-item .team-desc {

		display: none;

	}

	.rs-portfolio .portfolio-item .p-zoom, 

	.rs-blog .blog-item .blog-img .blog-img-content .blog-link {

		font-size: 20px;

	}

	.rs-portfolio .portfolio-item .p-title, 

	.rs-blog .blog-item .blog-img .blog-img-content .blog-title {

		font-size: 17px;

		margin-top: 15px

	}

	.rs-portfolio .portfolio-item .p-desc {

	    font-size: 14px;

	    margin-top: 8px;

	}

	.sl-title, .rs-banner-area .sl-title{

		font-size:24px;

	}

	.rs-team .owl-navigation-yes .owl-nav, .rs-testimonial .owl-navigation-yes .owl-nav, .rs-blog .owl-navigation-yes .owl-nav {

		right: 15px;

		top: -100px;

	}

	.clpricing-table .price-table.style4 .cl-pricetable-wrap .top .cl-header h4 {

		font-size: 17px;

		padding: 34px 0 30px;

	}

	#search-searchword{

		width: 180px;

	}

	.slick-current .tab-text {

		display: block;

		margin-left: 0px;

		margin-right: 0px;

	}

}



/* Extra Small Device : 320px. */

@media only screen and (max-width: 320px) {
	
	 #goodreads-widget {
     width:200px!important;
  }
	
	iframe{
    
    width: 200px!important;
	}
	
	.rs-footer .footer-top .recent-project li {

		width: 29%;

	}

	.sec-title h4 {

	    font-size: 12px;

	    margin-bottom: 5px;

	}

	.sec-title h3 {

	    font-size: 19px;

	    line-height: 28px;

	}

	.rs-newsletter .news-title {

	    font-size: 24px;

	    margin-bottom: 18px;

	}

	.rs-newsletter .news-note {

	    font-size: 14px;

	    margin-bottom: 20px;

	}

	.rs-testimonial .testi-name {

		font-size: 12px;

		margin-top: 15px;

		margin-bottom: 0;

	}

	.rs-testimonial .testi-title {

		font-size: 10px;

	}



	.rs-slider .sl-title,

	.rs-video-area .rs-video-content-wrap .sl-title,

	.rs-banner-area .sl-title {

	    font-size: 18px;

	    margin-bottom: 0;

	}



	.rs-services .services-wrap .services-title{

		font-size: 19px;

	}



	.rs-slider .slider-botton .readon,

	.rs-video-area .rs-video-content-wrap .slider-botton .readon {

	    padding: 3px 10px;

	    font-size: 13px;

	}

	.rs-slider .sl-desc {

	    margin-bottom: 10px;	 

	}

	#sp-top-bar li {

		font-size: 13px;

	}

	#search-searchword{

		width: 151px;

	}

	

}