@charset "utf-8";
/**
*
* -----------------------------------------------------------------------------
*
* Template : Swipy - Creative Agency HTML Template
* Author : RSTheme
* Author URI : http://www.rstheme.com/ 
*
* -----------------------------------------------------------------------------
*
**/
@media only screen and (min-width: 1300px) {
    .container {
        max-width: 1310px;
        width: 100%;
    } 
    .container.custom {
        max-width: 1300px;
        width: 100%;
    }
}
@media only screen and (max-width: 1366px) {
    .pl-100 {
        padding-left: 44px;
    }
    .rs-services.services-details .ser-details {
        margin: 0 0 0 0px;
    }
    .rs-project.project-style1 .project-item .project-content .title {
        font-size: 28px;
        line-height: 36px;
    }
    .rs-project.project-style4 .slider .project-item .project-img img {
        width: 100%;
    }
}
@media only screen and (max-width: 1199px) {
    .rs-faq.faq-style1.faq-modify2 .faq-img2 img,
    .rs-about.about-style1 .about-img2 img {
        max-width: 100%;
    }
    .rs-faq.faq-style1 .faq-content .accordion .card .card-header .card-link {
        font-size: 19px;
    }
    .rs-services.services-style2 .services-item .services-wrap {
        padding: 37px 20px 30px 20px;
    }
    .rs-banner.banner-style2 .content-wrap .title {
        font-size: 80px;
        line-height: 94px;
    }
    .rs-banner.banner-style2 .banner-img {
        right: 7px;
        top: 20%;
    }
    .rs-banner.banner-style2 .banner-img img {
        max-width: 650px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rs-footer.footer-main-home .footer-top .footer-social li {
        margin-right: 5px;
    }
    .rs-footer.footer-main-home .footer-top .footer-social li a i {
        width: 34px;
        height: 34px;
        line-height: 36px;
    }
    .pl-90 {
        padding-left: 60px;
    }
    .pl-80 {
        padding-left: 40px;
    }
    .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li {
        margin-right: 16px;
    }
    .sec-title .title {
        font-size: 44px;
        line-height: 54px;
    }
    .rs-about.about-style1 .sec-title .title{
        font-size: 42px;
        line-height: 52px;
    }
    .rs-project.project-style4 .slider .project-item .project-img img {
        width: 100%; 
    }
}
@media screen and (min-width: 992px){
    .nav-menu .rs-mega-menu > a:after, 
    .nav-menu > .menu-item-has-children > a:after {
        content: "\f107";
        font-family: FontAwesome;
        float: right;
        margin: 2px 0 0 5px;
        display: none;
    }
    .full-width-header .right_menu_togle{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .sticky{ 
        background: #fff !important;
        position: fixed !important;
        top: 0px;
        z-index: 999;
        margin: 0 auto !important;
        padding: 0;
        left: 0;
        right: 0;
        width: 100%;
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-name: sticky-animation;
        animation-name: sticky-animation;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    .right_menu_togle.mobile-navbar-menu{
        display: none;
    }
    .nav-menu ul {
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .pricing-list:after {
        content: "";
        display: table;
        clear: both;
    }
    .pricing-list > li {
        width: 33.333%;
        float: left;
    }
    .has-margins .pricing-list > li {
        width: 32.3333333333%;
        float: left;
        margin-right: 1.5%;
    }
    .has-margins .pricing-list > li:last-of-type {
        margin-right: 0;
    }
}
@media only screen and (max-width: 991px) {
    .rs-process.nav-tab-style1 .rs-hover-tabs #rs-hover-tabs-content,
    .rs-process.nav-tab-style1 .rs-hover-tabs ul#rs-hover-tabs-nav {
        width: 100%;
    }
    .rs-process.nav-tab-style1 .rs-hover-tabs ul#rs-hover-tabs-nav .top-title {
        font-size: 40px;
    }
	.rs-breadcrumbs .breadcrumbs-inner {
		padding:120px 0 0;
	}
	.rs-breadcrumbs .breadcrumbs-inner .page-title{margin-bottom:0;}
    .hidden-md {
        display: none !important;
    }
    .md-pl-15{
        padding-left: 15px;
    }
    .md-left{
        text-align: left !important;
    }  
    .md-text-center{
        text-align: center !important;
    }
    .full-width-header .rs-header .menu-area .logo-area img {
        max-height: 45px;
    }
    .rs-banner.banner-style2 .content-wrap {
        padding: 130px 0 50px;
    }
    .rs-footer.footer-main-home .footer-top::before {
        top: 12%;
    }
    .rs-footer.footer-main-home .footer-top {
        padding: 70px 0 30px;
    }
    .rs-footer.footer-main-home .footer-top .footer-title {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 30px;
    }
    .mt--40 {
        margin-top: 0px;
    }
    .rs-about.about-style1 .about-img {
        margin: unset;
    }
    .rs-blog.blog-main-home .blog-item {
        border-radius: 20px;
        padding: 20px;
    }
    .rs-blog.blog-main-home .blog-item .blog-content .blog-title {
        font-size: 20px;
        line-height: 1.4;
    }
    .rs-contact.contact-style2 .content-wrap {
        padding: 52px 40px 30px 40px;
    }
    .rs-banner.banner-style2 .banner-img {
        position: unset;
        margin-bottom: 80px;
    }
    .rs-banner.banner-style2 .banner-img img {
        max-width: 100%;
		margin-top:0;
    }
    .rs-project.project-style4 .slider .project-item .project-content .title{
        font-size: 28px;
        line-height: 38px;
    }
}
@media only screen and (max-width: 767px) {
    .sec-title .sub-text {
        font-size: 16px;
        line-height: 26px;
    }
    .rs-process.nav-tab-style1 .rs-hover-tabs ul#rs-hover-tabs-nav li .title,
    .rs-process.nav-tab-style1 .rs-hover-tabs ul#rs-hover-tabs-nav .top-title,
    .sec-title .title.title2,
    .sec-title .title {
        font-size: 30px !important;
        line-height: 40px !important;
    }
    .rs-contact.contact-style2.contact-modfiy5 .content-wrap {
        padding: 50px 40px 30px 40px;
    }
    .rs-contact.contact-style2.contact-modfiy5 .map-canvas iframe {
        height: 500px;
    }
    .rs-services.services-style2 .services-item .services-wrap .services-text .title {
        font-size: 20px;
        line-height: 30px;
    }
    .rs-project.project-style1 .project-item .project-content {
        padding: 30px 25px 30px 25px;
    }
    .rs-project.project-style4 .slider .project-item .project-content .title,
    .rs-project.project-style1.project-modify12 .project-item .project-content .title,
    .rs-project.project-style3 .project-item .project-content .title,
    .rs-project.project-style1 .project-item .project-content .title {
        font-size: 25px;
        line-height: 35px;
    }
    .project-button a {
        font-size: 17px;
        padding: 18px 28px 18px 28px;
    }
    .rs-project.project-style1 .project-item .project-content {
        border-radius: 0px 0px 25px 25px;
    }
    .rs-project.project-style1 .project-item .project-img a img {
        border-radius: 25px 25px 0px 0px;
    }
    .rs-banner.banner-style2 .content-wrap .title {
        font-size: 65px;
        line-height: 77px;
    }
    .rs-services.services-style2 .services-item .services-wrap .services-icon img {
        height: 45px;
        width: 45px;
    }
    ul.check-lists .list-item .list-text {
        font-size: 18px;
        line-height: 27px;
    }
}
@media only screen and (max-width: 480px){
    .rs-contact.contact-style2.contact-modfiy5 .content-wrap {
        padding: 50px 20px 30px 20px;
    }
    .rs-contact.contact-style2.contact-modfiy5 .map-canvas iframe {
        height: 400px;
    }
    .rs-breadcrumbs .breadcrumbs-inner .page-title {
        font-size: 34px;
    }
    ul.check-lists .list-item .list-text {
        font-size: 16px;
    }
    .rs-about.about-style1 .sec-title .title{
        font-size: 27px;
        line-height: 37px;
    }
    .rs-banner.banner-style2 .content-wrap .title {
        font-size: 50px;
        line-height: 60px;
    }
    .rs-contact.contact-style2 .content-wrap {
        padding: 45px 30px 25px 30px;
    }
    .rs-banner.banner-style2 .content-wrap{
        padding: 150px 0 50px;
    }
    .rs-faq.faq-style1 .faq-content .accordion .card .card-header .card-link {
        padding: 12px 16px 11px 18px;
        height: unset;
        font-size: 16px;
    }
}