/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

.example {
    display: -ms-grid;
    display: grid;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
    background: -o-linear-gradient(top, white, black);
    background: linear-gradient(to bottom, white, black);
}
@media max-width 1310px{
.macbookright {
right:-25%;
}

body.app_version .app_iphone_01 {
right:0!important;
}

body.app_version .app_iphone_02 {
right:-10%!important;
}

body.politics_version .app_iphone_01 {
left:0;
}
}

@media max-width 1200px{
body.watch_version .image-center img {
max-width:660px;
top:0;
left:-12%;
position:absolute!important;
z-index:10;
text-align:center;
}

body.politics_version .app_iphone_01 {
left:-5%;
}

body.watch_version .macbookright {
right:-7%;
}

.header_style_01 .navbar-brand {
padding-right:0;
}

.container-fluid {
width:100%;
padding:0 15px;
}

.container {
width:90%;
}

.first-section h2 {
font-size:48px;
}

.navbar-nav li {
margin:0 5px;
}

.header_style_01 {
padding:20px!important;
}
}

@media max-width 1158px{
body.clinic_version .app_iphone_01 {
right:-5%;
}

body.clinic_version .app_iphone_02 {
right:15%;
}

body.clinic_version .app_iphone_03 {
right:-10%;
}

.header_style_01 .navbar-default .navbar-nav > li > a {
font-size:14px;
}

.first-section .lead {
font-size:18px;
}

.navbar-default .btn-light {
display:none;
}

body.app_version .app_iphone_01 {
right:-5%!important;
}

body.app_version .app_iphone_02 {
right:-15%!important;
}

.navbar-nav li {
margin:0 5px;
}
}

@media max-width 1120px{
.iphones {
right:-30%;
}

.macbookright {
bottom:-10%;
right:-35%;
}

.how-its-work .hc {
width:50%!important;
}

body.clinic_version .how-its-work .hc {
width:33.3333%!important;
}

body.clinic_version .dev-list .widget img {
width:100%;
}

.navbar-nav li {
margin:0 5px;
}

.header_style_01 .navbar-default .navbar-nav > li a {
padding:15px 10px;
}

.header_style_01 {
padding:20px 30px!important;
}
}

@media max-width 992px{
body.clinic_version .service-widget {
margin:15px 0;
}

.m40 {
margin-top:40px;
}

body.host_version .stat-wrap {
text-align:center;
}

body.host_version .stat-wrap .alignleft {
float:none;
margin:0 auto;
}

.apple-button i {
font-size:32px;
vertical-align:middle;
margin:0 20px 0 0;
}

body.clinic_version .affix,body.clinic_version .header_style_01,body.app_version .header_style_01 {
width:100%!important;
padding:20px 0!important;
}

.apple-button strong {
font-size:24px;
}

body.app_version .header_style_01 {
top:0!important;
}

.pricing-table {
margin:15px 0!important;
}

hr.hr2 {
display:none;
}

.stat-wrap .col-md-3,.icon-wrapper,.message-box {
margin-bottom:30px;
}

.owl-prev i {
left:0;
}

.owl-next i {
right:0;
}

body.clinic_version .how-its-work .hc {
width:100%!important;
}
}

@media max-width 1000px{
body.politics_version .header_style_01 {
position:relative;
top:0;
background-color:#1f1f1f!important;
}

body.realestate_version .first-section {
padding:10em 0!important;
}

body.realestate_version .header_style_01 {
position:relative;
background-color:#1f1f1f;
}

.footer .col-xs-12 {
width:100%!important;
margin:15px 0;
}

body.clinic_version .app_iphone_01,body.clinic_version .app_iphone_02,body.clinic_version .app_iphone_03 {
display:none;
}

body.seo_version .header_style_01 {
background-color:#0e0e2e;
}

.navbar-default .btn-light {
display:block;
width:100%;
border:0!important;
line-height:1!important;
margin:-8px -2px 0!important;
padding:0!important;
}

.navbar-collapse {
margin-top:15px;
border-top:1px solid transparent;
}

.header_style_01 {
background-color:#fff;
display:block;
left:0;
position:relative;
right:0;
top:0;
width:100%;
z-index:111;
padding:20px 0!important;
}

.navbar-default .navbar-toggle {
color:#fff!important;
background-color:#393939;
border-color:#393939;
}

.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
background-color:#fd6802;
border-color:#fd6802;
}

.navbar-default .navbar-collapse,.navbar-default .navbar-form {
border-color:transparent;
}

.navbar-left,.navbar-right {
float:none!important;
}

.navbar-toggle {
display:block;
}

.navbar-fixed-top {
top:0;
border-width:0 0 1px;
}

.navbar-nav {
float:none!important;
margin-top:7.5px;
}

.navbar-nav>li>a {
padding-top:10px;
padding-bottom:10px;
}

.collapse.in {
display:block!important;
}

.affix-top {
overflow:hidden;
visibility:visible;
top:0!important;
}

.header_style_01 .navbar-default .navbar-nav > li a {
padding:10px 20px;
}

.first-section .col-md-6 {
width:100%;
text-align:center;
}

.footer-distributed form input {
width:100%;
}

.footer-distributed {
text-align:center;
padding:30px;
}

.footer-distributed .footer-company-name {
margin-top:10px;
font-size:12px;
}

.footer-distributed .footer-left,.footer-distributed .footer-right {
float:none;
max-width:100%;
margin:0 auto;
}

.footer-distributed .footer-left {
margin-bottom:20px;
}

.slide-text h1 {
font-size:28px;
letter-spacing:0;
}

.slide-text h2 {
font-size:16px;
}

.btn-light {
padding:13px 24px;
}

.section {
padding:60px 0;
}

.post-media {
margin-bottom:30px;
}

.navbar-default .navbar-toggle .icon-bar {
background-color:#fff;
}

.home-one-slider-otem .slider-content-area {
height:460px;
}

body.realestate_version .message-box,body.realestate_version .service-widget,body.realestate_version .property-detail .col-md-2 {
margin:15px 0;
}

.navbar-header,.navbar-nav>li {
float:none;
}

.navbar-collapse.collapse,.social-links,.macbookright {
display:none!important;
}
}

@media max-width 768px{
body.building_version .first-section h2 {
font-size:34px;
}

body.politics_version .issuse-wrap2 {
margin-top:30px;
}

body.seo_version .nopadtop {
padding-top:120px;
}

body.host_version .affix,body.host_version .header_style_01 {
padding-left:0!important;
padding-right:0!important;
}

.how-its-work .hc {
width:100%!important;
}

.affix,.header_style_01 {
padding-left:15px;
padding-right:15px;
}

.m130 {
margin-top:0;
}

.features-left i {
float:left;
margin-right:20px!important;
}

.fl-inner {
text-align:left;
margin-right:0;
}

.effect-1:after {
border:0!important;
}

.first-section {
padding:8em 0 6em!important;
}

.first-section h2 {
font-size:32px;
}

.slide-text h1 {
font-size:28px;
letter-spacing:0;
}

.message-box h2 {
font-size:24px;
}

.left-top {
text-align:center;
}

.social-box {
float:none;
text-align:center;
}

.navbar-default .navbar-toggle .icon-bar {
background-color:#fff;
}

.banner h2 {
font-size:30px;
}

.banner h2::after {
height:25px;
top:7px;
}

.home-one-slider-otem .slider-content-area {
height:460px;
}

body.host_version .stat-wrap .col-md-4,.footer .widget,.logos .col-md-2,.service-widget {
margin:15px 0;
}
}

@media max-width 600px{
body.host_version .btn-light,body.app_version .btn-light {
font-size:14px;
text-align:center;
width:40%!important;
margin:0 auto;
padding:10px 20px;
}

body.app_version .btn-light i {
display:none!important;
}

.copyrights {
padding:40px 10px;
}

.footer-distributed {
padding:0;
}

.section-title p {
font-size:14px;
line-height:25px;
}

.section-title h3 {
font-size:28px;
}

.portfolio-filter ul li .btn-dark {
width:100%;
display:block;
background-color:#fff;
}

.portfolio-filter ul li {
display:inline-block;
text-decoration:none;
text-transform:uppercase;
vertical-align:middle;
width:49%;
float:left;
border:0 solid #ededed;
margin:0 1px 2px;
padding:1px;
}

.slide-text h1 {
font-size:28px;
letter-spacing:0;
}

.message-box h2 {
font-size:24px;
}

.left-top {
text-align:center;
}

.social-box {
float:none;
text-align:center;
}

.home-one-slider-otem .slider-content-area {
height:460px;
}
}