/*
Responsive Css
Theme Name: rafo
Theme URI: http://tfrafo.themepul.com/
Author: Themepul
Author URI: http://themepul.com
Description: Thinking about Showcasing your Digital Agency & Consultancy Business? Well, then you definitely be needing a nice and beautiful WordPress Theme to promote your Business. We’ve got you covered as we have already built a beautiful, Clean and Responsive WordPress Theme for you.rafo is a Digital Agency & Consulting WordPress Theme designed and developed using Latest Bootstrap and WordPress Technology along with HTML5, CSS3, and jQuery. It's simple yet professional. rafo is also responsive Design with a Clean Design feel. It looks good and accommodates its contents according to the device you are using to view it.rafo has sections for almost all types of necessary content you might need to promote your Business.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, threaded-comments, translation-ready
Text Domain: rafo
*/

@media only screen and (min-width: 2170px) {
    .rafo-slider-1 .rafo-slider-menu {
        right: 18%;
    }
    .rafo-slider-1 .rafo-slider-socila {
        right: 6%;
    }
    .rafo-slider-1 .fafo-sliders .owl-dots {
        left: 20%;
    }
}

@media only screen and (min-width: 2000px) and (max-width: 2169px) {
    .rafo-slider-1 .rafo-slider-menu {
        right: 15%;
    }
    .rafo-slider-1 .rafo-slider-socila {
        right: 6%;
    }
    .rafo-slider-1 .fafo-sliders .owl-dots {
        left: 20%;
    }
}

@media only screen and (min-width: 1344px) and (max-width: 1780px) {
    .slider-bg.rafo-hbg.rafo-slider-1 .rafo-single-slide {
        width: 90%;
    }
}

@media only screen and (max-width: 1380px) {
    .rafo-slider-style-3 .rafo-slider-menu {
        left: -67px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .slider-3img {
        width: 54%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fafo-sliders h2 {
        font-size: 40px;
    }
    .rafo-single-slide {
        height: 500px !important;
    }
    .rafo-slider-style-2 .rafo-single-slide {
        height: 590px !important;
    }
    .rafo-hbg,
    .slider-bg {
        max-height: 487px;
    }
    .rafo-svideo-roted-title {
        right: 21px;
    }
    .rafo-co-hadding h2 {
        padding: 0 29%;
        padding-bottom: 45px;
    }
    .rafo-blog-boxs .rafo-pro-hsection > .row {
        margin-left: 0;
    }
    .appps-btn a {
        background-size: 82px
    }
    .rafo-slider-menu {
        right: 23px;
    }
    .slider-3img {
        width: 50%;
    }
    .rafo-slider-style-3 .rafo-slider-menu {
        display: none;
    }
    .rafo-price > h2 {
        font-size: 36px;
    }
    .rafo-slider-socila {
        top: 35%;
    }
    .rafo-container {
        width: 93%;
    }
    .rafo-slider-table .rafo-table-cell > .container {
        max-width: 96%;
    }
    .fafo-sliders .owl-dots {
        bottom: 3%;
        left: 5%;
    }
    .slider-3img {
        width: 47%;
    }
    .rafo-slider-socila {
        top: 35%;
    }
    button.navbar-toggler.collapsed {
        display: none;
    }
    .fafo-sliders .owl-dots {
        bottom: 10%;
    }
    .slider-bg.rafo-slider-style-2 {
        max-height: 575px;
    }
    .calendar_wrap table th,
    .calendar_wrap table td {
        padding: 6px;
    }
    .rafo-subscrib-icon {
        margin-bottom: 12px;
    }
    .rafo-recent-post-single {
        padding-bottom: 15px;
    }
}

.rafo-widget-posts-descr .date {
    font-size: 94%;
}


}
@media only screen and (min-width: 992px) and (max-width: 1040px) {
    .rafo-search {
        display: none;
    }
    
    .fafo-sliders .owl-dots {
        bottom: 5%;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1036px) {
    span.rafo-pri-spacel {
        margin: 0 16px;
    }
    
    .rafo-home-blog h3.rafo-post-title {
        font-size: 21px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .rafo-sboxs.rafo-service-2 {
        margin: 0;
        margin-bottom: 30px;
    }
    
    .fafo-sliders .owl-dots {
        bottom: 5%;
    }
    
    .rafo-prtable {
        padding: 70px 40px;
    }
    
    .rafo-astyle-2-line {
        display: none;
    }
    
    .rafo-abouts.accrdiam-about .rafo-about {
        padding: 35% 0;
    }
    
    .rafo-abouts.rafo-about-style-2 {
        padding: 0;
    }
    
    .rafo-home-blog h3.rafo-post-title {
        font-size: 21px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .rafo-container {
        width: 93%;
    }
    
    .rafo-slider-table .rafo-table-cell > .container {
        max-width: 96%;
    }
    
    .fafo-sliders .owl-dots {
        bottom: 3%;
        left: 5%;
    }
    
    .rafo-single-slide {
        height: 550px !important;
    }
    
    .rafo-hbg,
    .slider-bg {
        max-height: 524px;
    }
    
    .fafo-sliders h2 {
        font-size: 37px;
    }
    
    .slider-3img {
        width: 47%;
    }
    
    .rafo-slider-socila {
        top: 35%;
    }
    
    button.navbar-toggler.collapsed {
        display: none;
    }
    
    .fafo-sliders .owl-dots {
        bottom: 10%;
    }
    
    .rafo-abouts.rafo-about-style-2 {
        padding: 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rafo-hero.on .site-header {
        position: fixed;
    }
    
    .sm-simple {
        display: inline-block;
        float: right;
    }
    
    .collapse.navbar-collapse {
        display: block;
        flex-basis: auto;
    }
    
    .rafo-slider-menu {
        right: 20px;
    }
    
    .rafo-about-stitle h4 {
        margin-right: 0;
    }
    
    .rafo-menu-right {
        display: none;
    }
    
    .rafo-svideo-roted h3 {
        margin-left: -39px;
    }
    
    .rafo-cta-b-title h2 {
        padding: 0 22%;
    }
    
    .rafo-co-hadding h2 {
        padding: 0px 21%;
        padding-bottom: 30px;
    }
    
    .service-container .kc_col-sm-3.kc_column_inner.kc_col-sm-3 {
        width: 50%;
    }
    
    .rafo-popbox {
        margin: 0px 35px;
    }
    
    .rafo-price > h2 {
        font-size: 29px;
    }
    
    span.rafo-pri-spacel {
        margin: 0 12px;
    }
    
    .rafo-prihadding {
        padding-bottom: 25px;
    }
    
    .rafo-prtable {
        padding: 40px 21px;
    }
    
    .rafo-prihadding h2 {
        font-size: 26px;
    }
    
    .rafo-blog-boxs .rafo-pro-hsection > .row {
        margin-left: 0;
    }
    
    .progress-count.timer {
        font-size: 40px;
    }
    
    h3.kc-accordion-title {
        font-size: 22px !important;
        padding-right: 0px !important;
    }
    
    .rafo-nsl-input-box input[type="text"] {
        width: 52%;
        padding: 21px 30px;
    }
    
    .rafo-pro-hsection.container {
        max-width: 100%;
    }
    
    .slider-bg.rafo-slider-style-2 .rafo-single-slide {
        height: 555px !important;
    }
    
    .slider-bg.rafo-slider-style-2 {
        max-height: 540px;
    }
    
    .rafo-about.rafo-about-style-2 {
        padding-left: 0;
        padding: 0;
        padding-bottom: 0px;
    }
    
    .rafo-astyle-2-line {
        display: none;
    }
    
    .rafo-cta-inner {
        padding: 100px 0 70px 0;
    }
    
    .rafo-sboxs.rafo-service-2 {
        margin: 0;
        margin-bottom: 30px;
    }
    
    .rafo-projects-imglink {
        margin-bottom: 50px;
    }
    
    .rafo-right-side.rafo-sidebar {
        margin-top: 50px;
    }
    
    .rafo-copyright p {
        margin: 0 20px;
    }
    
    .rafo-widget-recent-post-img {
        margin-bottom: 30px;
    }
    
    .kc-elm.kc-css-920977.kc_col-sm-6.kc_column_inner.kc_col-sm-6,
    .kc-elm.kc-css-58823.kc_col-sm-6.kc_column_inner.kc_col-sm-6,
    .kc-elm.kc-css-925830.kc_col-sm-6.kc_column_inner.kc_col-sm-6,
    .kc-elm.kc-css-781440.kc_col-sm-6.kc_column_inner.kc_col-sm-6 {
        width: 100%;
    }
    
    .page-template-fullwidth-template .kc_accordion_wrapper {
        margin-bottom: 80px !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
    .rafo-slider-style-3 .rafo-slider-menu {
        display: none;
    }
}
@media only screen and (min-width: 768px) and (max-width: 963px) {
    .rafo-nsl-content h2 {
        font-size: 26px;
    }
    
    .rafo-nsl-icon {
        margin-right: 20px;
    }
    
    .rafo-nsl-icon span:before {
        font-size: 60px;
    }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
    .rafo-container {
        width: 93%;
    }
    
    .sm-simple a .sub-arrow {
        padding: 8px;
    }
    
    .rafo-hero.on .site-header {
        position: absolute;
    }
    
    .rafo-menu-right {
        display: none;
    }
    
    .navbar-toggler[aria-expanded="true"] .main-menu-btn-icon:before {
        display: none;
    }
    
    .navbar-toggler[aria-expanded="true"] .main-menu-btn-icon {
        transform: rotate(45deg);
    }
    
    .navbar-toggler[aria-expanded="true"] .main-menu-btn-icon:after {
        transform: rotate(-89deg);
        top: 0;
    }
    
    .rafo-projects-imglink {
        margin-bottom: 50px;
    }
    
    .navbar-collapse.collapse.show ul#main-menu {
        background: #1e1f23;
        padding: 15px 0;
    }
    
    .slider-3img {
        display: none;
    }
    
    .slider-bg.rafo-slider-style-2 {
        margin-bottom: 0;
    }
    
    .rafo-slider-table .rafo-table-cell > .container {
        max-width: 100%;
    }
    
    .fafo-sliders .owl-dots {
        left: 3%;
    }
    
    .navbar-collapse.collapse.show ul#main-menu li a {
        color: #ffffff;
    }
    
    .navbar-collapse.collapse.show ul#main-menu li a span.sub-arrow {
        background: #0000002e;
    }
    
    .navbar-collapse.collapse.show ul#main-menu > li > a {
        padding: 14px 17px;
        color: #ffffff;
    }
    
    .navbar-toggler {
        padding: 17px 0px 10px 0;
    }
    
    .fafo-sliders h2 {
        font-size: 35px;
    }
    
    .fafo-sliders p {
        padding-right: 0;
    }
    
    .rafo-slider-socila,
    .rafo-slider-menu {
        display: none;
    }
    
    .rafo-single-slide {
        background-position: center center;
        background-size: cover;
        height: 630px !important;
    }
    
    .rafo-hbg,
    .slider-bg {
        margin-bottom: 70px;
    }
    
    .rafo-image-box {
        text-align: center;
    }
    
    .rafo-about-stitle h4 {
        margin: 20px 0 39px 0px;
    }
    
    .rafo-about-btn {
        margin-top: 40px;
        margin-bottom: 50px;
    }
    
    .rafo-abouts.rafo-about-style-2 {
        margin-top: 50px;
        padding-bottom: 0;
    }
    
    .rafo-cta-b-title h2 {
        font-size: 24px;
        padding: 0 11px;
    }
    
    .rafo-svideo-roted h3 {
        margin-left: -41px;
    }
    
    .rafo-co-hadding h2 {
        padding-right: 0;
        padding-left: 0;
        font-size: 20px
    }
    
    .rafo-section-separetor-area {
        margin-bottom: 100px;
    }
    
    .progress-count.timer {
        max-width: 100%;
        font-size: 36px;
        display: block;
    }
    
    .rafo-timer.couner-time {
        margin: 50px 32px;
    }
    
    .rafo-timer.couner-time .rafo-count-text span {
        display: block;
        margin-left: 0;
        margin-top: 13px;
    }
    
    .rafo-counter {
        padding: 100px 0;
        padding-bottom: 45px;
    }
    
    .rafo-project-boxs {
        padding: 100px 0;
    }
    
    .rafo-popbox {
        margin: 0;
    }
    
    .rafo-popup-dev h3 {
        font-size: 27px;
        line-height: 30px;
    }
    
    .rafo-prtable {
        padding: 70px 29px;
        margin-bottom: 30px;
    }
    
    .rafo-blog-boxs .rafo-pro-hsection > .row {
        margin-right: 0;
        margin-left: 0;
    }
    
    .rafo-home-blog {
        padding-top: 60px;
    }
    
    .rafo-client-boxs {
        padding: 100px 0;
        text-align: center;
    }
    
    .appps-btn {
        text-align: center;
    }
    
    .rafo-copyright {
        width: 100%;
        margin-bottom: 17px;
    }
    
    .rafo-about-style-2 .rafo-about-title {
        padding-right: 0;
    }
    
    .rafo-about.rafo-about-style-2 {
        padding-left: 0;
        padding: 44px 0;
        padding-bottom: 0;
    }
    
    .rafo-about-style-2 .rafo-about-title h2 {
        font-size: 30px;
    }
    
    .rafo-cta-inner {
        padding-top: 100px;
    }
    
    .rafo-newsletter-box {
        text-align: center;
        padding-bottom: 100px;
    }
    
    .rafo-nsl-left {
        margin-bottom: 30px;
    }
    
    body.kc-css-system .kc-css-512443 .rafo-about-title h2 {
        font-size: 33px;
    }
    
    .page-template-fullwidth-template .kc_accordion_wrapper {
        padding: 19px !important;
        margin-bottom: 80px !important;
    }
    
    h3.kc-accordion-title {
        font-size: 22px !important;
        padding-right: 0px !important;
        margin-top: 22px;
    }
    
    .rafo-about-style-2 .rafo-about-btn {
        margin-top: 29px;
        margin-bottom: 0;
    }
    
    .rafo-nsl-input-box input[type="text"] {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .rafo-astyle-2-line {
        display: none;
    }
    
    .rafo-sboxs.rafo-service-2 {
        margin: 0 13px;
        margin-bottom: 30px;
    }
    
    .rafo-download-box {
        margin-bottom: 30px;
    }
    
    .menu-our-service-container {
        margin-top: 30px;
    }
    
    .rafo-project-cmenu {
        padding-top: 30px;
        text-align: center;
    }
    
    .rafo-team-img {
        text-align: center;
    }
    
    .rafo-tes-sbox.rafo-ted-slide.no-tslide {
        width: 100%;
    }
    
    .rafo-pfq-title {
        width: 100%;
    }
    
    .rafo-client-hlogo {
        margin-top: 0;
        display: none !important;
    }
    
    .rafo-cli-img:hover .rafo-client-hlogo {
        display: block !important;
        margin-top: 0;
    }
    
    .rafo-cli-img:hover .rafo-client-logo {
        display: none;
    }
    
    .rafo-bread-content {
        padding: 126px 0;
    }
    
    .rafo-bread-content h1 span:after {
        height: 0;
        width: 0
    }
    
    .rafo-bread-content h1 {
        text-align: center !important;
    }
    
    .rafo-copyright p {
        margin: 0 20px;
    }
    
    .rafo-ft-menu.rafo-nmenu {
        width: 100%;
    }
    
    ul li > ul .has-submenu.highlighted,
    .sm-simple ul > li a:hover {
        background-color: transparent;
    }
    
    .rafo-nmenu ul li ul.sub-menu {
        padding: 0;
    }
    
    .rafo-nmenu ul li ul.sub-menu li {
        border-left: 1px solid rgba(30, 31, 35, 0.48);
        padding: 0;
        margin-left: 16px;
    }
    
    .rafo-nmenu ul li a:hover {
        color: #ee324a !important;
    }
    
    .rafo-right-side.rafo-sidebar {
        margin-top: 50px;
    }
    
    .rafo-widget-recent-post-img {
        margin-bottom: 30px;
    }
    
    .rafo-recent-post-single:last-child .rafo-widget-recent-post-img {
        margin-bottom: 0;
    }
    
    .nav-links .nav-previous {
        max-width: 100%;
        text-align: center;
        margin-bottom: 20px;
        float: none;
    }
    
    .nav-links .nav-next {
        max-width: 100%;
        text-align: center;
        float: none;
    }
    
    .rafo-cinfo-box {
        margin-top: 50px;
    }
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
    .rafo-about-stitle h4 {
        font-size: 19px;
        margin-right: 40%;
    }
    
    .rafo-cta-b-title h2,
    .rafo-co-hadding h2 {
        padding: 0 20%;
    }
    
    .rafo-svideo-roted h3 {
        margin-left: 0;
    }
    
    .rafo-about-style-2 .rafo-about-title {
        padding-right: 0;
    }
    
    .rafo-about-style-2 .rafo-about-title h2 {
        font-size: 39px;
    }
    
    .fafo-sliders h2 {
        font-size: 51px;
        padding-right: 23%;
    }
    
    .fafo-sliders p {
        padding-right: 26%;
    }
    
    .progress-count.timer {
        display: inline-block;
        padding-right: 10px;
    }
    
    .rafo-team-row .kc_col-sm-3.kc_column_inner.kc_col-sm-3 {
        width: 50%;
    }
}
@media only screen and (min-width: 600px) and (max-width: 671px) {
    .fafo-sliders h2 {
        font-size: 50px;
    }
    
    .fafo-sliders p {
        padding-right: 17%;
    }
}
@media only screen and (min-width: 560px) and (max-width: 599px) {
    .fafo-sliders h2 {
        font-size: 45px;
    }
}
@media only screen and (min-width: 511px) and (max-width: 559px) {
    .fafo-sliders h2 {
        font-size: 45px;
    }
    
    .rafo-about-stitle h4 {
        margin-right: 32%;
        font-size: 20px;
    }
    
    .rafo-cta-b-title h2 {
        padding: 0 43px;
    }
    
    .rafo-co-hadding h2 {
        padding: 0 11%;
    }
    
    .rafo-astyle-2-line {
        position: absolute;
        display: none;
    }
}
@media only screen and (min-width: 420px) and (max-width: 600px) {
    .progress-count.timer {
        display: inline-block;
        padding-right: 10px;
    }
}
@media only screen and (min-width: 0px) and (max-width: 575px) {
    .rafo-author-name {
        margin-top: 35px;
        margin-bottom: 25px;
    }
}
@media only screen and (min-width: 375px) and (max-width: 457px) {
    h3.rafo-widget-post-title.post-title {
        font-size: 17px;
    }
}
@media only screen and (min-width: 0px) and (max-width: 460px) {
    .rafo-svideo-roted h3 {
        margin-left: -54px;
    }
    
    .rafo-about-call a {
        padding-right: 0;
    }
    
    .rafo-about-call .rafo-ac-content {
        padding: 9px 24px;
    }
    
    .rafo-about-call a .rafo-ac-icon {
        padding: 33px 27px;
        margin-right: 0;
    }
    
    .rafo-ac-icon > span:before {
        font-size: 27px;
    }
    
    .fb_iframe_widget_fluid span {
        width: 100% !important;
    }
    
    .rafo-post-protact {
        margin: 0;
    }
    
    .rafo-post-protact input[type="password"] {
        min-width: auto;
        margin-right: 0
    }
}
@media only screen and (min-width: 0px) and (max-width: 372px) {
    .entry-meta .cat-links {
        display: none;
    }
    
    .rafo-subscrib-icon {
        display: inline-block;
        vertical-align: middle;
        margin-right: 8px;
    }
    
    twitter-widget.twitter-tweet {
        display: inline !important;
    }
}
@media only screen and (min-width: 486px) and (max-width: 575px) {
    .comments-area .comment-area .children {
        margin: 0 0 0 20px;
    }
}
@media only screen and (min-width: 0px) and (max-width: 485px) {
    .comment-content {
        overflow: unset;
        clear: both;
        margin-top: 20px;
        padding: 15px;
    }
    
    .comment-img {
        width: 70px;
        height: 70px;
        margin-right: 7px;
        margin-left: 8px;
    }
    
    .comment-body {
        padding: 0;
        border: none;
    }
    
    .rafo-post-comment-area {
        padding: 20px;
    }
    
    li.single-comment {
        margin: 30px 0px 30px 0;
    }
    
    h3.comment-title > label {
        margin-left: 0;
        display: block;
        margin-top: 8px;
    }
    
    .comment-headers {
        overflow: hidden;
    }
    
    .comment-header {
        margin: 12px 0;
    }
    
    .comments-area .comment-area .children {
        margin: 0 0 0 10px
    }
}
@media only screen and (min-width: 0px) and (max-width: 460px) {
    .rafo-about-call .rafo-ac-content {
        padding: 9px 28px;
    }
    
    .rafo-bread-content h1 {
        font-size: 29px;
    }
    
    .rafo-ac-content > h2 {
        font-size: 22px;
    }
    
    .rafo-author-socila ul {
        margin-top: 17px;
    }
    
    .rafo-author-socila ul li {
        margin-right: 5px;
        margin-bottom: 9px;
    }
    
    .fb_iframe_widget_fluid span {
        width: 100% !important;
    }
    
    iframe#instagram-embed-0 {
        min-width: auto !important;
    }
    
    .single-post .post-single.format-link .post-summery.entry-content {
        padding: 30px 0;
    }
}