@charset "utf-8";
/* CSS Document */

@media (max-width: 767px) {
    header .logo{ padding:0px; margin:11px 0px 11px 5px; position: relative; z-index: 11;}
    header .logo img{ width:155px;}
    .mainmenu{ float:none;}
    .navbar{ margin:0;}
    .navbar-default{ background:none;}
    .navbar-collapse{ padding:0;}
    .navbar-default .navbar-toggle{ border: 0; padding: 0; margin: 15px 0; }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus { background: none;}
    .navbar-nav > li > a { padding: 10px 20px !important; }
    .navbar-default .navbar-nav > li.current_page_item > a, .navbar-default .navbar-nav > li.current-menu-parent > a { border-top: none; border-left: 5px solid #000C8E; }
    .navbar-default .navbar-nav > li > a{ display: inline-block; border-top: none; border-left: 5px solid #fff; }
    .navbar-default .navbar-toggle .icon-bar{ background:#000d8f;}
    .navbar-toggle .icon-bar{height:4px; width:22px; }
    .navbar-nav{ margin:0;}
    .navbar-nav > li{ margin-right:0; border-bottom:0px solid #00d9da}
    .dropdown-menu {}
    
    .whitebg{margin-top:85px;}
    .caption h2{ font-family: 'Raleway', sans-serif; font-size:36px;}
    .caption p{ font-family: 'Raleway', sans-serif; font-size:14px;}
    .callbacks_nav { display:none;}
    .callbacks .caption{ bottom:25%; font-size:14px}
    .products{ margin-bottom:50px;}
    .market{ padding-bottom:50px;}
    .products h1, footer h1,.market h1, .ultra h1 { font-size:24px; margin:15px auto 64px}
    .products h1:after, .market h1:after, .ultra h1:after{ bottom:-23px;}
    .market h1, footer h1{ margin:57px auto 64px}
    .ultra h1{ font-size:18px;}
    footer {height:auto;}
    .about .sldier{ margin-bottom:36px;}
    .about .sldier .caption{ top:10%; text-align:center;}
    .about .sldier img {
        display: block;
        height: auto;
        max-widht:100%;
    }
    .ultra h1:after{
        width: 52px;
    }
    .ultra h5 { font-size:14px; padding:0; line-height:normal}
    .ultra h1 { margin-bottom:36px;}
    .contact form .btn{margin-bottom:50px;}
    .meta, .market .meta{ height:38px;}
    .meta h4{ font-size:12px; margin-top:6px; padding:0 8%}
    .wrap:hover .meta {	padding-top: 20px;}
    .meta p, .market .meta p{ padding:10px;}
    .navbar-default{ float:none;}
    .full_width  img{ width:100%; height:auto; margin-bottom:25px;}
    .full_width img.alignright{ width:100%; height:auto;  }
    .contact{ margin-top:17px;}
    .callbacks_container{ top:62px;}
    .common .alltext{ margin: 20px 0;}
    .alltext{ margin-bottom:0;}
    .common .ultra h1{ margin-bottom:70px;}
    .callbacks img { margin-top:0;}
    .bnr-placeholder, .bnr-placeholder img { margin-top:0px;}
    .full_width .editor-last-image img.alignright{ width:100%; margin-left:0;}
    .editor-last-half{  width:100%;}
    .full_width{ margin-top:30px;}
    .ultra p{ font-size:12px;}
    .full_width img{ margin:0;}
    footer { padding-bottom: 11px; }
    footer .container { padding: 7px 60px 0; }
    footer h1 { font-size: 13px; margin: 43px auto 15px; }
    footer .ftr-itemsWrapper { width: 200px; margin: 0 auto; }
    footer .ftr-itemsWrapper>li, footer .ftr-itemsWrapper>li:nth-child(3) { width: 100%; float: none; padding: 0px 0px 6px 0px; margin-left: 0; }
    footer .ftr-itemsWrapper > li form.subscribe { display: inline-block; }
    footer .ftr-itemsWrapper > li h5 { font-size: 10px; margin-top: 15px; margin-bottom: 3px; }
    footer .ftr-itemsWrapper > li p { line-height: 14px; }
    footer .ftr-itemsWrapper>li form.mc4wp-form input { width: 178px; }
    footer .ftr-itemsWrapper > li > ul > li { margin: 0; width: 25%; text-align: center; }
    footer .ftr-itemsWrapper > li > ul > li:first-child { text-align: left; }
    footer .ftr-itemsWrapper > li > ul > li:last-child { text-align: right; }
    footer .ftr-itemsWrapper > li > ul > li > a > img { vertical-align: top; }
    
    section.feature-img { height: 175px; margin: 50px 0px 24px; }  
    section.feature-img > h1 { font-size: 27px; }
    section.blog-listing .container { padding: 0 20px; }
    section.blog-listing .blogItem h4 { font-size: 17px; }
    section.blog-listing .blogItem .date { font-size: 10px; }
    section.blog-listing .blogItem a { font-size: 13px; padding: 8px 14px; }
    section.blogDetail { padding-bottom:12px; }
    section.blogDetail .container { padding: 0 5px; }
    section.blogDetail h2.entry-title { font-size: 17px; margin: 0px 0px 4px; }
    section.blogDetail .entry-meta { margin: 0 0 8px; }
    section.blogDetail .image-caption > p { font-size: 10px; margin: 8px 0px; }
    section.blogDetail .blog-left p { font-size: 14px; margin: 0px 0px 5px; }
    /*section.blogDetail .blog-right p { margin: 0px 0px 7px; }*/
    section.blogDetail .blog-left { padding-top: 0; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .about .sldier .caption{ top:10%;}
    .about .ultra h1{ font-size:50px;}
    .contact form .btn{margin-bottom:50px;}
    .navbar-nav > li { margin-right:10px; }
    .callbacks_nav{ left:12px;}
    .callbacks_container img{ width:768px !important;}
    .callbacks_nav.next{ right:12px;}
    .callbacks .caption{ bottom:24%;}
    .meta, .market .meta{ height:50px;}
    .meta h4{ font-size:18px; margin-top:6px; padding:0 8%}
    .wrap:hover .meta {	padding-top: 30px;}
    .meta p, .market .meta p{ padding:20px;}
    .full_width img, .full_width img.alignright{ width:97%; margin-bottom:42px}
    .callbacks_container img{ width:100%;}
    
    footer .container { max-width: 768px; }
    footer .ftr-itemsWrapper>li { width: 268px; }
}
@media (min-width: 1200px) {
    .container{ background:url(../images/boost5.png) center top; margin:0 auto; padding:0; }

}
@media (width: 1024px){
    .about .sldier .caption{ top:13%;}
    .full_width img{ padding-bottom:40px;}
    .callbacks_container img{ width:1024px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .callbacks .caption{ padding:10px 150px;}
}
@media (min-width: 1400px) { 
    /*.sldier{ width:1400px; margin:0 auto}*/
}
@media print {

}
@media print {

}
@media ( max-width: 480px ) {
    .about .sldier .caption{ top:-10%; text-align:center;}
    .callbacks .caption{ bottom:23%;}
    
    section.blog-listing .smallList .blogItem { width: 100%; }
    section.blog-listing .blogItem a { width: 100%; text-align: center; }
}
@media ( max-width: 362px ) {
    .callbacks .caption{ bottom:10%;}
}
@media ( max-width: 360px ) {
    .callbacks .caption{ bottom:5%;}
}