html,body{overflow-x:hidden}
/* > 1240 ------------------------------------------------------------------------------------------------------------- > 1240 */
/* #Header Creative always Open 1240 - 1489 ----------------------------------------- #Header Creative always Open 1240 - 1489 */
@media only screen and (min-width: 1240px) and (max-width: 1489px)
{
/* -------------------- */
/* Error 404 */
/* Google maps */
/* Offer slider */
/* Portfolio list */
/* Recent posts */
}
/* < 1240 ------------------------------------------------------------------------------------------------------------- < 1240 */
@media only screen and (max-width: 1239px)
{
/* iOS phone number linking */
/* Hover Effect */
/* Portfolio masonry hover */
/* Section Background Image */
/* Google maps */
}
/* #Desktop 960 - 1239 ---------------------------------------------------------------------------------- #Desktop 960 - 1239 */
@media only screen and (max-width: 1200px){
.slider-style-one .screen-mobile-image{
display: none;
}
}
@media only screen and (min-width: 960px) and (max-width: 1239px)
{
body{min-width:0; }
.section_wrapper{max-width:940px;}
/* -------------------- */
/* Top bar width */
/* Blog | Columns | Grid, Masonry */
/* Latest News */
/* Blog Teaser */
/* Portfolio | List */
/* Portfolio | Columns | Grid, Masonry, Masonry Hover */
/* Portfolio | Columns | Flat */
/* Error 404 */
/* Button */
/* Offer slider */
/* Recent posts */
/* Zoom Box */
}
/* #Desktop > 960 -------------------------------------------------------------------------------------------- #Desktop > 960 */
/* #Tablet (Landscape) 768 - 959 --------------------------------------------------------------- #Tablet (Landscape) 768 - 959 */
@media only screen and (min-width: 768px) and (max-width: 959px)
{
body{min-width:0;}
.section_wrapper{max-width:708px;}
/* -------------------- */
/* Header magazine */
/* Top bar width */
/* .footer-sliding */
/* Subheader */
/* Filters */
/* Blog */
/* Grid, Masonry */
/* Timeline */
/* Photo 2 */
/* Blog | Columns | Grid, Masonry */
/* Blog | Columns | Masonry tiles */
/* Latest News */
/* Blog Teaser */
/* Recent posts */
/* Portfolio list */
/* Grid, Masonry, Masonry Hover */
/* Flat */
/* Tabs */
/* Counter */
/* Article box */
/* Pricing table */
/* Infobox */
/* Portfolio photo */
/* Get in touch */
/* Hover color */
/* How it works */
/* Opening Hours */
/* Icon box */
/* Flat box */
/* Offer thumb */
/* Trailer box */
.trailer_box .desc h2{font-size:22px;line-height:22px}
/* Offer slider */
/* Error 404 */
/* Buttons */
/* Zoom Box */
/* Trailer box */
/* Easy Digital Downloads */
}
/* #Desktop & Tablet (Landscape) > 768 --------------------------------------------------- #Desktop & Tablet (Landscape) > 768 */
@media only screen and (min-width: 768px)
{
/* Transparent ---------- */
/* Header | Placeholder */
/* Header | Classic */
/* Header | Creative */
/* Header | Plain */
/* Header | Split */
/* Header | Semitransparent */
/* Header | Stack */
/* Contact Form 7 -------------------------------------------------------------------- */
}
/* #Tablet (Portrait) & Mobile < 768 ------------------------------------------------------- #Tablet (Portrait) & Mobile < 768 */
@media only screen and (max-width: 767px)
{
body{min-width:0;}
.section_wrapper .mcb-wrap,
.section_wrapper .column,
.sections_group{margin:0;width:100%!important;clear:both;}
.section_wrapper{max-width:700px!important;padding-left:33px!important;padding-right:33px!important}
.section_wrapper .column{margin:0 0 20px;height:auto!important;}
.mcb-wrap[data-mobile~="no-up"]{margin-top:0!important}
/* -------------------- */
/* Column | Align */
.column_placeholder > .placeholder{height:0}
/* Sections */
.section{background-attachment:scroll!important;height:auto!important}
.equal-height-wrap .mcb-wrap{height:auto!important}
.equal-height-wrap .mcb-wrap .mcb-wrap-inner{top:0!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important}
/* .hide-mobile{display:none!important} */
/* Sidebar */
/* Header | Placeholder */
/* Header --------------- */
/* Header | Below */
/* Header | Creative */
/* Header | Intro */
/* Header | Magazine */
/* Header | Minimalist */
/* Header | Overlay */
/* Header | Plain */
/* Header | Simple */
/* Header | Split */
/* Header | Stack */
/* Header mobile | minimal */
/* Header mobile | minimal | style */
/* Header mobile | minimal | headers compatibility */
/* Header mobile | sticky */
/* Header mobile | transparent */
/* Header mobile | transparent | plain */
/* Header mobile | transparent | creative */
/* Action Bar */
/* Subheader */
/* Footer --------------- */
/* Footer | Sliding */
/* Back to top */
/* Blog --------------- */
/* Blog | Timeline */
/* Blog | Masonry */
/* Blog | Masonry tiles */
/* Blog | Photo */
/* Blog | Photo 2 */
/* Blog single */
/* Post header */
/* Single photo wrapper */
/* Post nav */
/* Share simple */
/* Portfolio --------------- */
/* Project decription */
/* Portfolio | Exposure */
/* Portfolio | Flat */
/* Portfolio | Grid */
/* Portfolio | Masonry Flat */
/* Portfolio | Photo */
/* Shortcodes --------------- */
/* Blog Teaser */
/* Call to action */
/* Clients */
/* Content slider */
.content_slider{padding:0!important;margin:0 0 50px}
.content_slider .slider_pagination{padding:0 20%;box-sizing:border-box;}
.content_slider a.button{top:auto!important;bottom:-60px;}
.content_slider a.slider_prev{left:0!important}
.content_slider a.slider_next{right:0!important}
.content_slider a.button .button_icon{padding:7px 9px}
.content_slider.flat a.button{bottom:-50px}
.content_slider.flat a.button .button_icon{font-size:30px}
/* Divider */
/* Fancy headings */
/* Features lists */
/* Flat Box */
/* Google maps */
/* How it works */
/* Offer slider */
/* Icon box */
/* Image Frame */
.image_frame{margin-top:0!important}
/* Offer thumb */
/* Offer thumb bottom */
/* Pricing table */
/* Promo box */
/* Story Box */
/* Table */
/* Tabs */
/* Tabs: simple-style */
/* Tabs vertical: simple-style */
/* Testimonials list */
/* Timeline */
/* Trailer box */
/* General -------------------- */
/* Error 404 */
/* Filters */
/* Fixed nav */
/* Popup contact */
/* Search Results */
/* Video */
/* In this case, the aspect ratio is 16:9, which means that the height will be 56.25% of the width. For a video with a 4:3 aspect ratio, we set padding-bottom to 75%. */
/* WordPress Admin Bar */
/* Plugins --------------- */
/* bbPress */
/* Easy Digital Downloads */
/* Pretty Photo Popup */
/* Tiny popup on mobile | fix */
/* Theme Options size | fix */
}
/* #Tablet (Portrait) & Mobile (Landscape) 480 - 768 ----------------------- #Tablet (Portrait) & Mobile (Landscape) 480 - 768 */
@media only screen and (min-width: 480px) and (max-width: 767px)
{
/* Respond */
/* Zoom Box */
/* Gallery */
/* Latest News */
}
/* #Mobile (Portrait) < 480 ------------------------------------------------------------------------- #Mobile (Portrait) < 480 */
@media only screen and (max-width: 479px)
{
.contact-icon-container{padding-left: 15px;}
/* Post nav */
/* Portfolio list */
/* Portfolio Masonry Flat */
/* Latest News */
/* Filters */
/* Team */
/* Timeline */
/* Testimonials slider */
/* Respond */
/* Zoom Box */
/* Feature box */
/* Gallery */
/* bbpress */
/* Easy Digital Downloads */
}
/* Retina | iPad ----------------------------------------------------------------------------------------------- Retina | iPad */
@media only screen and (max-width:1365px) {
.circle-background-animation::before{background-size:cover !important; height:500px; width:500px; }
}
@media only screen and (max-width:1279px) {
.features-block.theme-three .inner-box{padding: 30px 10px;}
}
@media only screen and (max-width:1199px) {
.container{max-width: 960px;}
.right-col-full .col-lg-6:first-child, .right-col-full .col-md-6:first-child {padding-left:calc(((100vw - (100vw - 100%)) - 930px) / 2);}
h1, .h1{font-size: 42px;}
h2, .h2{font-size: 38px;}
.single-post article h2, .h2 {font-size:32px;}
.single-post article h3, .h3 {font-size:28px;}
.single-post article h4, .h4 {font-size:24px;}
.counter-wrapper{margin: 0px -15px;}
.counter-block{padding: 0px 15px;}
.counter-block .counter-number, .counter-block .counter-number-after{font-size: 42px;}
.right-col-full .col-lg-6:first-child, .right-col-full .col-md-6:first-child{padding-left:15px;}
.right-col-full .col-lg-6:last-child, .right-col-full .col-md-6:last-child{padding-right:15px;}
.left-col-full .col-lg-6:last-child, .left-col-full .col-md-6:last-child{padding-right:15px;}
.left-col-full .col-lg-6:first-child, .left-col-full .col-md-6:first-child{padding-left:15px;}
.circle-background-animation::before{background-size:cover; height:450px; width:450px; }
.features-block.theme-three .inner-box{padding: 30px 15px;}
.dc-signin.theme-two .intro-box{padding: 110px 30px 30px;}
.contact-box-wrapper .contact-details-box{flex:0 0 320px; max-width: 320px; padding: 50px 30px;}
}
@media only screen and (max-width: 991px){
.features-style-two .upper-box .image-box{
padding: 0px;
}
.i-text-center{text-align:center !important;}
.i-hidden{display:none !important; }
.search-option{display: none;}
.container{max-width:720px;}
.right-col-full .container, .left-col-full .container{max-width: 720px;}
.counter-wrapper{margin: 0px -15px 30px;}
.screenshot-slider .slick-prev{left: 15px;}
.screenshot-slider .slick-next{right: 15px;}
.pricing-plans-one .price-card.popular{top:0;}
.pricing-plans-one .price-card{margin: 30px auto 0; max-width: 420px;}
.pricing-plans-two .price-card{margin:120px auto 0; max-width: 420px;}
.icon-box.theme-one {margin: 30px auto 0; max-width: 420px;}
.icon-box.theme-two {margin: 30px auto 0; max-width: 420px;}
.counter-block.with-icon .counter-icon{margin:0px auto 15px;}
body.navigation-in {overflow: hidden !important;}
body.navigation-in .page-wrapper {filter:blur(5px);}
.news-grid.column-2 .article-block{flex: 0 0 100%; max-width:100%;}
.news-grid.column-3 .article-block{flex: 0 0 50%; max-width:50%;}
.sidebar{margin-top:50px;}
.vertical-tab .st-tab-btn{flex: 0 0 32%; width: 100%; max-width:32%;}
.vertical-tab .st-tab-content{flex: 0 0 68%; width: 100%; max-width: 68%;}
.dc-signin.theme-two .signin-wrapper{max-width:750px;}
.dc-signin.theme-two .intro-box{padding:120px 30px 30px; flex:0 0 55%; max-width:55%;}
.dc-features-group > .dc-features-item{border:0;}
.dc-features-group > .dc-features-item:nth-child(n), .dc-features-group > .dc-features-item:nth-child(2n), .dc-features-group > .dc-features-item:nth-child(3n){border:0;}
.features-block.advantage-style-three .inner-box{display: table !important; padding: 40px 30px !important;}
.features-block.advantage-style-three .icon{margin: 0px auto 30px !important;}
.features-block.advantage-style-three .inner-box > *{width:100%; text-align:center;}
.contact-box-wrapper .contact-details-box{flex:0 0 100%; max-width:100%; -webkit-border-radius:0px 0px 6px 6px;
border-radius: 0px 0px 6px 6px;}
.faq-style-one .video-btn{
left: 0px !important;
}
.description-style-one .image-box{
margin: 0px 0px 40px 0px !important;
}
.description-style-one .image-box .image{
max-width: 550px !important;
margin: 0 auto !important;
}
.benefits-section .image-box .image img{
float: none !important;
max-width: 100% !important;
}
}
@media only screen and (max-width:767px) {
.m-text-center{text-align:center !important;}
.m-hidden{display:none !important; }
.container{max-width:540px;}
.right-col-full .container, .left-col-full .container{max-width:540px;}
.slider-style-two{overflow:hidden; }
.screenshot-slider .slick-prev{left:50% !important; top:100% !important; margin-top:40px !important; margin-left:-60px !important; }
.screenshot-slider .slick-next{right:50% !important; top:100% !important; margin-top:40px !important; margin-right:-60px !important; }
h1, .h1{font-size:36px;}
h2, .h2{font-size:32px;}
h3, .h3{font-size:30px;}
h4, .h4{font-size:26px;}
.counter-wrapper{flex-wrap: wrap; margin: 0px -15px 0px;}
.counter-block {padding: 0px 15px;flex: 0 0 50%; max-width: 100%; margin:15px 0px;}
.counter-block::after{display:none;}
.dc-two.about-section .video-player::before, .dc-two.about-section .video-player::after{height: 350px; width: 350px;}
.dc-two.about-section .video-player::after {height: 400px; width: 400px;}
.counter-block.with-icon{width: 100%; max-width: initial;}
.news-grid.column-3 .article-block{flex: 0 0 100%; max-width:100%;}
.countdown-timer ul{margin: 0px -4px;}
.countdown-timer ul li{padding: 0px 4px;}
.countdown-timer ul li span{font-size:36px;}
.vertical-tab .st-tab-btn{flex: 0 0 100%; width: 100%; max-width:100%; }
.vertical-tab .st-tab-content{flex: 0 0 100%; width: 100%; max-width: 100%; padding:30px 0 0; border:0; }
.select-filter{background: none; color: var(--heading-text-color); font-weight: 700; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; padding: 15px;
position: relative; border:1px solid var(--light-gray); cursor:pointer;}
.st-tab-btn .nav-tabs .nav-item .nav-link::after {display:none;}
.st-tab-btn .nav-tabs{border:none; box-shadow:0 0 15px 5px rgba(0,0,0,0.06); -webkit-box-shadow:0 0 15px 5px rgba(0,0,0,0.06); display:none; background:var(--white-color);}
.st-tab-btn .nav-tabs .nav-item{margin:0; display:block; width: 100%;}
.st-tab-btn{margin:0;}
.select-filter:after{font-family: 'Line Awesome Free'; font-style: normal; font-size: 24px; content: "\f107"; color: var(--body-text-color); float: right; margin-top: -4px; font-weight: 900;}
.vertical-tab .st-tab-btn .nav-tabs .nav-item .nav-link, .st-tab-btn .nav-tabs .nav-link{padding:15px; }
.vertical-tab .st-tab-btn .nav-tabs{display:none;}
.features-block.theme-three .inner-box {padding: 30px 15px;}
.list-style-two .owl-nav {display: none !important;}
.list-style-two {padding: 65px 0px 40px 0px !important;}
.sec-title h2{
font-size: 26px !important;
line-height: 36px !important;
}
#faq_btn {
position: relative !important;
bottom: 0px !important;
margin-top: 20px !important;
text-align: left !important;
}
.faq-style-one .sec-title .divider{
display: block !important;
}
.faq-style-one{
padding: 70px 0px !important;
}
.service-style-six, .works-style-four{
padding: 65px 0px 40px 0px !important;
}
.service-block:last-child .service-block-seven .inner-box{
margin-bottom: 0px !important;
}
.dots-style-one .owl-dots{
display: none !important;
}
}
@media only screen and (max-width:575px) {
.features-section .inner-row .col-lg-6:nth-child(2), .features-section .inner-row .col-lg-6:nth-child(3){margin-top: 0;}
.btn-wrapper .btn:first-child::after {display: table; clear: both;content: "";}
.btn-wrapper > .btn{display: table;}
.text-center .btn-wrapper > .btn, .text-center.btn-wrapper > .btn{margin:0px auto;}
.btn + .btn{margin-left:0; margin-top:15px; }
.text-center .btn-wrapper > .btn + .btn, .text-center.btn-wrapper > .btn + .btn{margin:15px auto 0px;}
.circle-background-animation{overflow:hidden;}
.circle-background-animation::before{display:none;}
.features-block.theme-three{max-width:320px; margin-left:auto; margin-right:auto; }
.companies-logo.grid-view .item{flex: 0 0 50%; max-width: 50%;}
.signin-wrapper{padding: 0px 15px 30px; max-width:100%; margin:30px 15px;}
.dc-signin.theme-two .signin-wrapper{max-width:100%; margin:30px 15px; }
.dc-signin.theme-two .intro-box{padding: 50px 15px 80px;}
.dc-signin.theme-two .form-box{padding: 30px 15px;}
.features-block.theme-three h4 br{display:none;}
}
@media only screen and (max-width: 599px){
.faq-style-one .video-btn h2{
font-size: 20px !important;
line-height: 36px !important;
}
.faq-style-one .video-btn{
padding-left: 150px !important;
}
.features-style-two .upper-box .image-box{
margin-bottom: 30px;
}
.features-style-two .upper-box .image-box .image-2{
position: relative;
bottom: 0px;
margin-top: 30px;
margin-bottom: 30px;
}
.features-style-two .upper-box .image-box .image-3{
position: relative;
bottom: 0px;
margin: 0 auto;
}
.features-style-two .lower-box{
padding-top: 230px;
}
}
@media only screen and (max-width: 499px){
.property-block-one .inner-box{
padding-left: 30px !important;
}
.property-block-one .inner-box .icon-box{
position: relative !important;
left: 0px !important;
top: 0px !important;
margin-bottom: 30px !important;
}
.advantage-block-one .inner-box .icon-box-style-two{
position: relative !important;
top: 0px !important;
right: 0px !important;
margin-bottom: 40px !important;
}
.advantage-block-one .inner-box{
padding-left: 30px !important;
padding-right: 30px !important;
}
.description-style-one .content_block_13 .content-box{
margin-left: 0px !important;
}
.sec-title h2 br{
display: none !important;
}
}
@media only screen and (max-width:419px) {
ul.two-col li{flex:0 0 100%; max-width:100%; width:100%;}
ul.three-col li{flex:0 0 100%; max-width:100%; width:100%;}
.features-block.theme-five .inner-box{display: table;}
.features-block.theme-five .icon{margin: 0px 0px 30px 0px; text-align: left; display: block;}
}
@media only screen and (max-width: 399px){
.faq-style-one .video-btn h2{
font-size: 20px !important;
line-height: 28px !important;
}
#content_block_04 .content-box .single-item:first-child {
padding-left: 0px;
}
#content_block_04 .content-box .single-item .icon-box{
position: relative;
margin-bottom: 40px;
}
#content_block_04 .content-box .single-item:last-child{
padding-right: 0px;
}
}