/* Variables
---------------------------------------------------------------*/
.flat-language > ul > li > ul, #mainnav-mobi ul.sub-menu > li > a {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#header.downscrolled {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0.9;
}

.header .logo, #mainnav ul.submenu, #mainnav ul.submenu > li > a, .go-top, .top-search, .top-search #searchform-all #searchsubmit {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* Color */
.menu.menu-extra li a:hover, .flat-information li i,  .start-pri i, .item .content-item .title-item a:hover, .comment .comment-body .comment-info h6 a:hover, .product-single .social-links li a:hover, .product-single .product_meta li a, .widget-banner .sale, .widget-shopby .price_slider_amount .price_label input, .widget-shopby .ui-slider .ui-slider-handle, .infomation-text span, .breadcrumbs.color-661 ul li a:hover, .item .readmore::after, .item .readmore:hover, .widget.widget-phone i, .page-title.style2 .breadcrumbs ul li a:hover, .flat-information.style2 li a:hover, #mainnav.style2 ul.submenu > li > a:hover, .flat-language.color-white .current a:hover, #mainnav.style2 > ul > li.active > a, #mainnav.style2 > ul > li > a:hover, .social-links.color-white li a:hover, .entry .readmore:after, .project-dynamic .entry .content-post .title-post a:hover, .project-dynamic .entry .readmore:hover,.project-dynamic .entry .readmore:hover:after, .entry .meta-data .meta-post li.author a, .copyright a, #subscribe-msg .notification_error, #subscribe-msg .notification_ok, .flat-language > ul > li > ul li a:hover, .breadcrumbs ul li a:hover, .breadcrumbs ul li i, .footer a:hover, .entry .content-post .title-post a:hover, .entry .readmore:hover {
    color: #f2c21a;
}

#mainnav > ul > li.active > a, #mainnav > ul > li > a:hover, .social-links.style2 li a:hover, .social-links.style3 a:hover, .widget-shopby .ui-slider .ui-slider-handle span.shadow.dow, .widget-shopby .ui-slider .ui-slider-range, #mainnav ul.submenu > li > a:hover {
    background-color: #f2c21a;
}

#mainnav > ul > li.active > a, #mainnav > ul > li > a:hover, .widget-product ul li ins, .product-single ul.product-style li .detail, .testimonials .avatar span.name, .product .content-product .mount, .breadcrumbs.color-661 ul li a, .breadcrumbs.color-661 ul li, .breadcrumbs.color-661 ul li:before, .item .readmore, .item .content-item .title-item, .widget.widget-phone span, .page-title.style2 .page-title-heading h1, .page-title.style2 .breadcrumbs ul li, .page-title.style2 .breadcrumbs ul li a, .page-title.style2 .breadcrumbs ul li i, .page-title.style2 .breadcrumbs ul li:before, .menu-extra.color-661 li a, .entry .content-post .title-post a, .entry .readmore, .item .content-item .title-item a, .single-post p, #mainnav.color-661 > ul > li > a {
    color: #0f3661;
}

.top.background-661, .nav-absolute .nav-wrap, .header.header-style1 {
    background-color: #0f3661;
}

.project-info ul li, .widget-info.color35d .info-text p, .product-single .product_meta li a:hover, .product-single .product-style li,  .product-single p, .product-single ins, .widget-product ul li .product-name a, .testimonials blockquote.whisper, .careers-info .careers-text p, .page-commingsoon .title-section.sub .title, .product .content-product .name, #mainnav ul.submenu > li > a, .item .content-item p, .wrap-formcontact.style2 p, .list-author .info-author .contact-author h3 {
    color: #42435d;
}

.project-dynamic .entry .content-post, .project-dynamic .entry .category, #mainnav.color-white > ul > li.active > a, #mainnav.color-white > ul > li > a:hover, #mainnav.color-white ul.submenu > li > a:hover, .project-dynamic .entry .content-post .title-post a, .social-links.color-white li a,
.project-dynamic .entry .readmore, .infomation-text, .widget.widget-nav-menu ul li a:hover, .widget.widget-nav-menu ul li.active a, .breadcrumbs ul li:before, .breadcrumbs ul li a, .breadcrumbs ul li, .page-title-heading h1, #mainnav-mobi ul.sub-menu > li > a:hover,
#mainnav-mobi > ul > li > ul > li.active > a, #mainnav-mobi ul > li > a, #mainnav > ul > li > a, .menu-extra li a, .social-links.style3 a:hover, .top-search #searchform-all #searchsubmit, .flat-language > ul > li > ul li a, .flat-information.before-white li i, .btn-click.color-white .flat-button, .project-dynamic .entry .readmore:after, .flat-language.color-white .current a, .flat-information.style2 li a  {
    color: #ffffff;
}

.header .background-white, #mainnav ul.submenu, .shopping-cart .subcart, .header.bg-white, .header-style3.downscrolled {
    background-color: #ffffff;
}
/* Position */
.flat-top.social-links, #mainnav > ul > li > a, #mainnav ul li, .flat-language, .sw-odd .sw-image .sw-buy,  .product-single .product_meta li, .comment-respond h2, .flat-information, .widget.widget-shopby form, .widget.widget-shopby .ui-slider, .wrap-breackcrum, .product .content-product, .main-history .wrap-step .data-step, .main-history .wrap-step .info-step, .item .readmore, .flat-wrap-header , .flat-header-wrap, .top .menu.menu-extra, .data-effect, .slide-overlay, .entry, .item, .flat-language .current a, .top-search #searchform-all, .entry .readmore, .entry .meta-data ul li, .widget-download .download a, .widget.widget-nav-menu ul li a, .widget.widget-testimonials .avatar span.name, .widget.widget-testimonials .avatar, .widget-nav-menu ul li, .widget.widget-out-link ul li a, .widget.widget-recent-new ul li span, .menu-extra > li, .nav-wrap, .page-title {
    position: relative;
}

.flat-top.social-links::before, .widget-nav-menu ul li::before,  .product-single .product_meta li::after, .comment-respond h2::after, .top .menu.menu-extra::before, .main-history .wrap-step .data-step::before, .main-history .wrap-step .data-step::after, .top.style2 .flat-information::before, .widget.widget-nav-menu ul li a:before, .widget.widget-testimonials .avatar span.name::after {
    position: absolute;
    content: "";
}

.flat-language .current > a:after, .breadcrumbs ul li:before, .sw-odd .sw-image .sw-buy:after, .item .readmore::after, .entry .readmore:after, .widget-download .download a:after, .widget-nav-menu ul li::after, .widget.widget-testimonials .avatar::after {
    position: absolute;
    font-family: "FontAwesome";
}

/* Opacity */
#mainnav ul.submenu, .flat-language > ul > li > ul, .effect-animation, .top-search, .go-top, .shopping-cart .subcart, .product:hover .content-product .name, .product:hover .content-product .mount {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    visibility: hidden;
}

#mainnav ul li:hover > ul.submenu, .flat-language .current:hover ul, .effect-animation.animated, .go-top.show, .top-search.show, .shopping-cart:hover .subcart {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    visibility: visible;
}

/* Box-Shadow */
#mainnav ul.submenu, .flat-language > ul > li > ul {
    box-shadow: 0 20px 46px 0 rgba(0, 0, 0, 0.15);
}

.box-shadow1 {
    box-shadow: 0 10px 27px 0 rgba(0, 0, 0, 0.15);
}

.box-shadow2 {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
}

.box-shadow3 {
    box-shadow: 0 27px 51.33px 7.67px rgba(0, 0, 0, 0.15);
}

.box-shadow4 {
    box-shadow: 0 5px 50px 5px rgba(0, 0, 0, 0.15);
}

.border-shadow .entry-border, .border-shadow .item-border  {
    border: 1px solid #ebebeb;
}

/* Top
---------------------------------------------------------------*/
.top {
    padding: 5px 0;
    background-color: #edeff1;
    color: #28293a;
    font-size: 14px;
}

.flat-top {
    float: right;
}

.flat-top.social-links {
    /*padding-left: 27px;*/
    /*margin-left: 7px;*/
    float: left;
}
.social-links li {
    display: inline-block;
    padding: 0 6px;
}
/* Style2 */
.top.padding-none {
    padding: 0;
}

.top.style2 .flat-language {
    margin: 3px 0px 0px -3px;
    width: 16.2%;
}

.top.style2 .flat-information {
    padding-left: 29px;
}
.top.style2 .flat-information::before, .top .menu.menu-extra::before, .flat-top.social-links::before {
    left: 0;
    width: 1px;
    height: 20px;
}

.top.style2 .flat-information::before {
    top: 6px;
    background-color: #274a71;
}

.btn-click.style2 {
    margin-bottom: -7px;
}

.btn-click.style2 .flat-button {
    font-weight: 700;
    border-radius: 0;
    padding: 11px 28px 15px 28px;
}

/* Flat Language
-------------------------------------------------------------- */
.flat-language {
    width: 25%;
    margin-right: 10px;
}
.flat-language img {vertical-align: text-top;margin-right: 5px;}

.flat-language .current a {
    padding: 0 20px 0 10px;
}

.flat-language .current > a:after {
    content: "\f107";
    right: -0px;
    top: -3px;
}
.flat-language > ul > li {
    text-align: right;
    padding-bottom: 0;
}
.flat-language > ul > li > ul {
    position: absolute;
    left: 0;
    top: 100%;
    width: 145px;
    margin-top: 15px;
    padding: 5px 0px;
    background-color: #646a7c;
    z-index: 9999;
}

.flat-language .current:hover ul {
    margin-top: 0px;
}

.flat-language > ul > li > ul li {
    padding: 1px 0 2px 15px;
    line-height: 24px;
    text-align: left;
}

.flat-language > ul > li > ul li a {
    display: block;
}

/* Flat-Infomation
-------------------------------------------------------------- */
.flat-information li {
    line-height: 30px;
    font-size: 14px;
    padding-left: 2px;
}

.flat-information li i {
    margin-right: 10px;
}

/* Style2 */
.flat-information.style2 li {
    display: inline-block;
    margin-right: 22px;
}

.flat-information.style2 li:last-child {
    margin-right: 0;
}

.top-search {
    position: absolute;
    right: 0px;
    top: 100%;
    width: 320px;
}

.top-search.show {
    z-index: 9999;
    top: 100%;
}

.show-search.active i:before {
    content: "\f00d";
}

.top-search #searchform-all #input-search {
    width: 100%;
    padding: 0 10px 0 20px;
    margin-bottom: 0;
    height: 45px;
}

.top-search #searchform-all #searchsubmit {
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
    background: transparent;
    padding: 3px;
    border: none;
    opacity: 0.3;
    text-align: center;
    font-size: 0;
    font-weight: 700;
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 55px;
    height: 45px;
}

.top-search #searchform-all #searchsubmit:hover {
    opacity: 1;
}

/* Header
-------------------------------------------------------------- */
#header {
    z-index: 999;
}

.header .logo {
    margin: 43px 0 0 0;
}

.header.header-backgroundf61 {
    background-color: #1c0f61;
}

/* Header Fix */
.header.downscrolled {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999;
    box-shadow: 0px 10px 27px 0px rgba(0, 0, 0, 0.15);
}

.header.downscrolled #mainnav.style2 > ul > li > a,.header.downscrolled  .menu-extra.style2 li a {
    line-height: 60px;
}

.header.header-style2.downscrolled .logo{
    margin-top: 3px;
    max-width: 85%;
}

.downscrolled .margin-top36 {
    margin-top: 19px;
}

.downscrolled .margin-top26 {
    margin-top: 6px;
}

/* Menu Extra */
.menu.menu-extra li a  {
    padding: 0 5px;
    display: block;
}

.menu.menu-extra li:last-child a {
    padding-right: 2px;
}

/* Navigation */
.nav-wrap .mainnav  {
    float: left;
}
.downscrolled .menu.menu-extra {
    padding-top: 0;
}
.menu.menu-extra {
    padding-left: 0;
    float: right;
    padding-top: 10px;
}

.menu.menu-extra > li {
    display: inline-block;
    font-size: 16px;
}
.menu.menu-extra > li a {
    color: #000;
}
#mainnav > ul {
    text-align: right;
}

#mainnav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#mainnav > ul > li {
    display: inline-block;
    margin-right: -5px;
    padding-bottom: 0;
}

#mainnav > ul > li > a {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
}

#mainnav > ul > li > a, .menu-extra li a {
    padding: 0 25px 0 30px;
    line-height: 60px;
}

#mainnav > ul > li:nth-child(4) > a {
    padding: 0 28px 0 30px;
}

/* submenu */
#mainnav ul.submenu {
    position: absolute;
    left: 0;
    top: 120%;
    width: 240px;
    text-align: left;
    z-index: 9999;
}

/* Right sub-menu */
#mainnav ul.right-sub-menu {
    left: auto;
    right: 0;
}

#mainnav ul li:hover > ul.submenu {
    top: 100%;
}

#mainnav ul li ul li {
    margin-left: 0;
}

#mainnav ul.submenu li ul {
    position: absolute;
    left: 240px;
    top: 0 !important;
}

#mainnav ul.submenu > li > a {
    display: block;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    padding: 0 0 0 31px;
    line-height: 40px;
}

/* Mobile navigation
---------------------------------------- */
#mainnav-mobi {
    display: block;
    margin: 0 auto;
    width: 100%;
    position: absolute;
    background-color: #222222;
    z-index: 1000;
}

#mainnav-mobi ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

#mainnav-mobi ul li {
    margin:0;
    position: relative;
    text-align: left;
    border-top: 1px solid #333333;
    cursor: pointer
}

#mainnav-mobi ul > li > a {
    text-decoration: none;
    height: 50px;
    line-height: 50px;
    display: block;
    padding: 0 15px;
}

#mainnav-mobi ul.sub-menu {
    top: 100%;
    left: 0;
    z-index: 2000;
    position: relative;
    background-color: #333333;
}

#mainnav-mobi > ul > li > ul > li,
#mainnav-mobi > ul > li > ul > li > ul > li {
    position: relative;
    border-top: 1px solid #333333;
    padding-left: 15px;
}

#mainnav-mobi > ul > li > ul > li > ul > li a {
    padding-left: 45px !important
}

#mainnav-mobi ul.sub-menu > li > a {
    display: block;
    text-decoration: none;
    padding: 0 60px;
    border-top-color: rgba(255,255,255,.1);
}

#mainnav-mobi > ul > li > ul > li:first-child a {
    border-top: none;
}

/* Button menu mobile */
.btn-menu {
    display: none;
    position: relative;
    background: transparent;
    cursor: pointer;
    margin: 22px 0 22px;
    width: 26px;
    height: 16px;
    float: right;
    margin-right: 15px;
    -webkit-transition: all ease .238s;
    -moz-transition: all ease .238s;
    transition: all ease .238s;
}

.btn-menu:before,
.btn-menu:after,
.btn-menu span {
    background-color: #f2c21a;
    -webkit-transition: all ease .238s;
    -moz-transition: all ease .238s;
    transition: all ease .238s;
}

.btn-menu:before,
.btn-menu:after {
    content: '';
    position: absolute;
    top: 0;
    height: 2px;
    width: 100%;
    left: 0;
    top: 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.btn-menu span {
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    top: 50%;
    overflow: hidden;
    text-indent: 200%;
}

.btn-menu:before {
    -webkit-transform: translate3d(0, -7px, 0);
    transform: translate3d(0, -7px, 0);
}

.btn-menu:after {
    -webkit-transform: translate3d(0, 7px, 0);
    transform: translate3d(0, 7px, 0);
}

.btn-menu.active span {
    opacity: 0;
}

.btn-menu.active:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}

.btn-menu.active:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}

.btn-submenu {
    position: absolute;
    right: 20px;
    top: 0;
    font: 20px/50px 'FontAwesome';
    text-align: center;
    cursor: pointer;
    width: 70px;
    height: 44px;
}

.btn-submenu:before {
    content: "\f107";
    color: #fff;
}

.btn-submenu.active:before {
    content: "\f106"
}

.btn-menu {
    display: none
}

/* Header Style2
-------------------------------------------------------------- */
.header.header-style2 .logo {
    margin-top: 11px;
}

#mainnav.style2 > ul {
    text-align: left;
}

#mainnav.color-93a > ul > li > a {
    color: #28293a;
}

#mainnav.style2 > ul > li > a {
    padding: 0 15px;
}

#mainnav.style2 > ul > li:first-child > a {
    padding-left: 20px;
}

#mainnav.style2 > ul > li.active > a, #mainnav.style2 > ul > li > a:hover, #mainnav.style2 ul.submenu > li > a:hover {
    background-color: transparent;
}

#mainnav.style2 > ul > li > a, .menu-extra.style2 li a {
    line-height: 80px;
}

.menu.menu-extra.style2 {
    padding-left: 0;
}

/* Style widget-header-style2 */
.header.widget-header-style2 .logo {
    margin: 42px 0 0 3px;
}

.widget-header-style2 .wrap-widget-header {
    padding: 37px 0 40px;
}

.widget-header-style2 .wrap-widget-header .widget-info {
    float: right;
    margin: 0 0 0 37px;
}

/* Breadcrumbs
-------------------------------------------------------------- */
.breadcrumbs ul {
    padding-top: 0;
}

.breadcrumbs ul li {
    display: inline-block;
    position: relative;
    padding-right: 21px;
    font-size: 16px;
    margin-right: 7px;
}

.breadcrumbs ul li.home {
    padding-right: 27px;
}

.breadcrumbs ul li i {
    margin-right: 12px;
}

.breadcrumbs ul li:before {
    right: 0px;
    top: 0;
    content: "\f105";
}

.breadcrumbs ul li:last-child::before {
    content: none;
}

/* GoTop Button
-------------------------------------------------------------- */
.go-top {
    position: fixed !important;
    right: -35px;
    bottom: 55px;
    width: 45px;
    cursor: pointer;
    background-color: #f2c21a;
    height: 45px;
    line-height: 45px;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.go-top.show {
    right: 15px;
    z-index: 99;
}

.go-top i {
    font-size: 18px;
    color: #fff;
    padding-bottom: 3px;
}

.go-top:hover {
    background-color: #233343;
}

/* Media Queries
-------------------------------------------------------------- */
@media only screen and (min-width: 1367px) and (max-width: 1900px) {
    .header-style4 aside.widget.widget-phone {
        display: none;
    }

    .header.header-style4 {
        padding: 0px 20px;
    }
}

@media only screen and (max-width: 1366px) {

}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {

}

/* Smaller than standard 1200 */
@media only screen and (max-width: 1199px) {
    #mainnav ul.submenu.right {
        right: 0;
        left: auto;
    }

    #mainnav > ul > li > a, .menu-extra li a {
        padding: 0 21px 0px 21px;
    }

    #mainnav.style2 > ul > li:first-child > a {
        padding-left: 0px;
    }

    .header-style2 .menu.menu-extra li a {
        padding: 0px 5px;
    }

    #mainnav.style2 > ul > li > a {
        padding: 0 10px 0px 10px;
    }

    .flat-language {
        width: 25%;
    }

    .padding-lr100, .padding-lr65_5, .padding-lr35, .padding-lr5_65 {
        padding: 0px 0px;
    }
}

/* Smaller than standard 992 */
@media only screen and (max-width: 991px) {
    .btn-menu {
        display: block ;
    }

    .mainnav, .top .wrap-top.reponsive-none, .switcher-container {
        display: none;
    }

    .tparrows {
        display: none!important;
    }

    #mainnav-mobi .menu {
        overflow-y: auto;
        height: 40vh;
    }

    .header.downscrolled ~ #mainnav-mobi, .header.header-absolute.downscrolled ~ #mainnav-mobi  {
        position: fixed;
        top: 60px;
    }
    .go-top {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .header .logo {
        margin: 30px 0 0 0;
    }

    .menu.menu-extra {
        padding-left: 0;
        float: left;
    }

    .top .menu.menu-extra {
        padding-left: 0;
        margin: 0px 0px 0px 0px;
    }

    #mainnav.style2 > ul > li > a, .menu-extra.style2 li a {
        line-height: 60px;
    }

    .header.header-style2 .logo {
        margin-top: 15px;
        position: absolute;
        left: 50%;
        margin-left: -135px;
        z-index: 999;
    }

    .nav-absolute .nav-wrap {
        margin-top: 0;
        position: relative;
    }

    .footer {
        padding: 50px 0px 0px;
    }

    /* Total */
    .contactform .flat-button:hover::before, .widget-nav-menu ul li:hover:before, .widget-nav-menu ul li.active:before {
        -webkit-transform: scale3d(-17, 9, 1);
        transform: scale3d(-17, 9, 1);
    }

    .info-apply .btn-apply.text-right {
        text-align: left!important;
    }

    .post-list .entry .featured-post, .flat-maps-form2.one-half, .flat-maps-form1.one-half {
        float: none;
    }
    .top .menu.menu-extra::before, .top.style2 .flat-information::before {
        content: none;
    }

    .top.style3 .flat-information.style2 {
        text-align: center;
    }

    .imagebox .imagebox-image img, .wrap-iconbox li, .flat-maps-form2.one-half, .flat-maps-form1.one-half, .section-about.about-video .fancybox img, .post-list .entry .featured-post img, .item.style2 .featured-item img, .project-dynamic .entry .featured-post img, .wrap-acadion, .flat-video, .flat-video img, .flat-team .avatar img, .product .featured-product img, .product-img img, .wrap-form span.flat-input {
        width: 100%;
    }

    .wrap-column .flat-column3, .wrap-product .product,.project-dynamic .data-effect li {
        width: 50%;
    }

    .flat-language {
        width: 30%;
    }

    .top.style2 .flat-language, .product-single ul.product-style li .style {
        width: 25%;
    }

    .flat-row, .flat-row.section-iconbox, .flat-row.v12, .flat-row.project-grid,.flat-row.v13, .flat-row.section-image, .flat-row.page-teammember2.padding2, .flat-row.v9, .flat-row.v11, .flat-row.section-counter2, .flat-row.v8, .flat-row.v5, .flat-row.project-single, .flat-row.section-services3, .flat-row.flat-project-v2, .flat-row.services-grid, .flat-row.section-counter, .flat-row.product-single, .flat-row.v4, .flat-row.v3, .flat-row.blog-list, .flat-row.blog-grid, .flat-row.blog-posts, .flat-row.blog-masonry {
        padding: 40px 0;
    }

    .page-title, .page-title.style2 {
        padding: 40px 0px 50px;
    }

    .flat-row.v6, .flat-row.section-product2,.flat-row.section-testimonials, .flat-row.v1.padding2, .flat-row.flat-project-v1, .flat-row.v1, .flat-row.section-services2, .flat-row.v10, .flat-row.v7, .flat-row.page-teammember2,.flat-row.section-project-dynamic, .flat-row.page-teammember, .flat-row.section-iconbox.padding2 {
        padding: 40px 0px 20px;
    }

    .flat-row.section-testimonials2, .flat-row.section-testimonials2.padding2, .flat-row.section-testimonials2.padding3, .flat-row.section-testimonials2.padding4 {
        padding: 60px 0px 40px;
    }

    .flat-row.padingbotom {
        padding: 0px 0px 40px;
    }

    .project-dynamic .width50 .entry .content-post {
        padding: 0px 20px 0px 20px;
    }

    .project-v1.post-list .entry .content-post {
        padding: 20px 20px 20px 20px;
    }

    .iconbox.bg-image, .iconbox {
        padding: 40px 42px 20px;
    }

    .product-single .flat-tabs .content-tab .inner-tab2 {
        margin: -2px 0px 20px 0px;
    }

    .sidebar .widget, .sidebar.shop .widget.widget-banner, .page-commingsoon .title-section.sub, .page-404 .title-section, .careers-info, .sidebar.shop .widget, .history-text {
        margin-bottom: 40px;
    }

    .post-grid .entry, .post-masonry .entry, .single-post, .section-icon .title-section.style3, .flat-icon-right, .flat-row.v1 .title-section.style3, .section-image .title-section.style3, .pricing-item, .formrequest2 .title-section.style2, .single-post .single-text3, .section-about.about-video, .careers-info .careers-featured, .project-v2 .entry, .video-services, .flat-video, .flat-counter, .flat-row.section-counter .title-section.style2, .history-text .title-section.style3 .title, .history-text p, .history-text .title-section.style3.left, .wrap-formcontact.style2 .flat-maps, .page-teammember .title-section.style3, .wrap-formcontact.style2 p, .info-box, .wrap-formcontact h1, .list-author .info-author, .list-author, .product-img, .margin-bottom-79, .wrap-product .product, .title-section.style3.left, .title-section.style3, .section-product .title-section.style3, .post-list .entry:first-of-type, .post-list .entry, .entry, .post-list .entry:nth-child(4), .reponsive-mb30, .section-iconbox .title-section.style3.left, .title-section.style3 .title, .title-section, .title-section.style2.left {
        margin-bottom: 30px;
    }

    .wrap-form span.flat-input {
        margin-bottom: 20px;
    }

    .post-list .entry .featured-post, .project-v1.post-list .entry .featured-post, .blog-shortcode.post-list .entry .featured-post {
        margin: 0;
    }

    .margin-left25, .margin-left40, .flat-icon-right .iconbox {
        margin-left: 0;
    }

    .divider.sh35, .divider.sh94 {
        height: 0;
    }

    .sidebar {
        margin-bottom: 50px;
    }

    .fancybox::after {
        margin-right: -31px;
    }

    .section-about .fancybox::after {
        margin-right: -23px;
    }

    .product-single .social-links .title-link {
        padding-right: 0;
    }

    .product-single .flat-quantity {
        padding: 30px 0px 30px;
        margin: 30px 0px 30px;
    }

    .header .logo {
        text-align: center;
    }

    .product-single .flat-tabs .content-tab.review {
        padding: 30px 10px 22px 10px;
    }

}

/* Tablet Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}

/* Tablet Portrait Size */
@media only screen and (min-width: 768px) and (max-width: 991px) {

}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {


}

/* Mobile Landscape Size */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    #mainnav-mobi .menu {
        height: 62vh;
    }

    .reponsive-onehalf,.countdown .square {
        width: 50%;
    }

    .wrap-widget-header .widget-info {
        width: 50%;
        text-align: center;
    }

    .fancybox::after {
        margin-right: -26px;
    }

    .countdown .square {
        margin-bottom: 10px;
    }

    .section-about .fancybox::after {
        margin-right: -21px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 600px) {
    .wrap-testimonial #testimonial-carousel {
        padding: 0px 120px;
        top: 187px;
    }
}



/* Mobile Portrait Size */
@media only screen and (max-width: 479px) {
    .wrap-column .flat-column3, .wrap-column2 .flat-column2, .wrap-form.style2 span.flat-input, .top.style2 .flat-language, .project-dynamic .data-effect li.width50, .project-dynamic .data-effect li, .countdown .square, .item .featured-item a img, .flat-tabs ul.menu-tab li, .about-counter .flat-counter, .about-counter .flat-counter:nth-child(2), .about-counter .flat-counter:nth-child(3), .wrap-product .product, .list-author .info-author .featured-author img, .product-single .flat-tabs ul.menu-tab li, .comment-form .wrap-input .add-review {
        width: 100%;
    }

    .flat-language {
        width: 60%;
    }

    .single-post .project-info ul li span.name {
        width: 40%;
    }

    .top.style3 .flat-language {
        width: 35%;
    }

    .page-commingsoon .title-section.sub .title {
        font-size: 36px;
        line-height: 45px;
    }

    #mainnav-mobi .menu {
        height: 62vh;
    }

    .product-single .product_meta li::after, .top.style2 .flat-information::before, .comment-respond h2::after, .main-history .wrap-step .data-step::before, .main-history .wrap-step .data-step::after {
        content: none;
    }

    .top .info-text, .wrap-widget-header .widget-info, .btn-showall.float-right, .comment-form .wrap-input .add-review, .list-author .info-author .featured-author {
        margin-bottom: 15px;
    }

    .entry .meta-data .meta-post, .product-single .flat-tabs ul.menu-tab li, .flat-tabs ul.menu-tab li {
        margin-bottom: 5px;
    }

    .about-counter .flat-counter, .countdown .square {
        margin-bottom: 30px;
    }

    .wrap-widget-header .widget-info, .wrap-widget-header .widget-info:first-of-type {
        float: none;
        width: 100%;
    }

    .widget-info .info-icon, .wrap-widget-header .widget-info:first-of-type, .header.header-style2 .menu.menu-extra {
        display: none;
    }

    .copyright, .top .info-text, .wrap-widget-header .widget-info, .wrap-widget-header .widget-info:first-of-type, .top.style2 .wrap-top, .top.style4 .flat-information.style2 {
        text-align: center;
    }

    .bottom ul.social-links.style2, .btn-showall.float-right, .comment .comment-body .comment-text {
        text-align: center!important;
    }

    .btn-showall.float-right, .blog-pagination .count-page, .flat-pagination.float-left, .list-author .info-author .featured-author, .entry .meta-data .meta-post.float-left, .entry .meta-data .meta-comment.float-right {
        float: none!important;
    }

    .list-author .info-author .featured-author {
        margin-right: 0;
    }

    .main-history .wrap-step .data-step {
        padding: 11px 0px 0px 0px;
    }

    .comment .comment-body .comment-author {
        border-right: none;
        margin-right: 0;
        padding-right: 0;
        text-align: center;
        float: none !important;
        margin-bottom: 10px;
    }

    .bottom {
        padding-bottom: 15px;
    }

    .header .logo {
        margin: 20px 0 0 0;
    }

    .wrap-widget-header {
        padding: 25px 0px 5px;
    }

    .shopping-cart .subcart {
        left: -35px;
    }

    .top.style2 .flat-language > ul > li > ul {
        left: 50%;
        margin-left: -63px;
    }

    .header.header-style2 .logo {
        margin-left: 0;
        left: 15px;
    }

    .wrap-testimonial #testimonial-carousel {
        padding: 0px 40px;
        top: 270px;
    }

    .copyright {
        margin: 10px 0px 10px 3px;
    }

    .comment-respond h2 {
        margin: 30px 0px 30px;
    }

    .wrap-breackcrum .breadcrumbs {
        z-index: 99;
        top: 35px;
    }

    .fancybox::after {
        margin-right: -10px;
    }

    .section-about .fancybox::after {
        margin-right: 0px;
    }

    .page-404 .number {
        font-size: 100px;
        line-height: 100px;
    }

    .flat-row.section-404 {
        padding: 40px 0px 40px;
    }

    .page-404 .title-section.style2 .title {
        font-size: 40px;
        line-height: 40px;
    }

    .page-404 .btn-404 .flat-button {
        padding: 9px 20px 13px 20px;
    }

    .wrap-form.style3 {
        padding: 15px 20px 20px 20px;
    }

}


@media (max-width: 320px) {
    #mainnav-mobi .menu {
        height: 78vh;
    }
    .flat-language {
        width: 55%;
    }

    .top-search {
        width: 276px;
    }
}