@media only screen and (max-width: 960px) {
    .video-right .video-box, .video-box
    {
        position: relative;
        left: 0;
        top:0;
        margin-bottom: 10px;
    }

    .video-right.video-text, .video-text
    {
        padding-right: 20px;
        margin-bottom: 20px;
    }
    .video-text {
      padding: 20px;
    }

}
@media only screen and  (min-width: 880px) and (max-width: 2400px) {
    #home-slider .item
    {
        background: url(../images/bg-sp.png) repeat-x!important;
    }
}

@media only screen and (max-width: 880px) {
    #home-slider .item img.attachment-post-thumbnail {
        visibility: hidden!important;
    }

    #home-slider .item
    {
        height: 350px;
    }
    .slider_caption .slider-content
    {
        width: 285px;
        height: 100px;
    }
    .main-menu ul li {
        padding-left: 28px;
        padding-right: 0px
    }
}


.prefooter-box,.footer-home  {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}


.site-menu li a:after {
    content: "";
    display: block;
    width: 100%;
    height: 6px;
    background-color: red;
    -webkit-transform: scale(0,1);
    -moz-transform: scale(0,1);
    -o-transform: scale(0,1);
    transform: scale(0,1);
    transform-origin: left center;
    -webkit-transform-origin: left center;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -ms-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    transition: all .15s ease-out;
    position: absolute;
    bottom: -1px;
    left: 0;

}

.site-menu li a
{
    line-height: 42px;
    height: 42px;
    display: block;
    padding: 0 30px ;

}
.site-menu {
    float: right;
}

.site-menu li:first-child a {
    padding-left: 0;
}
.site-menu li:last-child a {
    padding-right: 0;
}


.site-menu li:hover a:after {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);

}


.site-menu li:hover  a:before{
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);

}
.site-menu li.current-menu-item a {
    color: rgb(237,28,36);
    background: transparent;
}


.site-menu li.current-menu-item a:after{
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}


.site-menu li a {
    color: #808080;
}

.site-menu ul  {
    list-style: none;
}
.site-menu li {
    float: left;
}


/*.top-bar  li  > a:before {*/
    /*content: "";*/
    /*display: block;*/
    /*width: 100%;*/
    /*box-sizing: border-box;*/
    /*height: 1px;*/
    /*background-color: #fff;*/
    /*position: absolute;*/
    /*left:0;*/
    /*bottom: 3px;*/
/*}*/



.site-menu li a:before {
    content: "";
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 1px;
    background-color: #808080;
    position: absolute;
    left:0;
    bottom: 3px;
}





/*-=Small screens=-*/
    @media only screen and (max-width: 40em) {



        .top-bar-section ul li > a
        {
            font-family: "Open Sans",sans-serif;
        }
        .home-bg .logo
        {
            margin-top: 0;
        }
        /* TOP BAR Mobile STYLING */
        .top-bar { background: #ea112c; /* change background color if you need */ }
        .top-bar-section ul li > a{
            color: white; /* change color of text if you need */
            font-size: 13px;
            background: #ea112c; /* change background color if you need */
        }
        .top-bar-section ul li:hover > a{ background: #111 !important; /* change background color if you need */ }


        .inner-head .logo {
            text-align: center;
            margin-bottom: 20px;
        }
        .sidebar-right
        {
            margin-top: 40px;
        }
        .sidebar-right a {
            clear: both;
            float: none;
            display: block;
        }

        .sidebar-right #searchform .search-field {
            float: none;
        }


        .sidebar-right  .widget_search {
            float: left;
        }
        .top-bar
        {
            width: 100%;
            float: none;
        }

        .pre-logo {
            padding: 10px 0.9375rem;
        }

        .footer-box {
            padding-left: 0.9375rem;
            padding-right: 0.9375rem;
        }

        .page-full .content-text:before {
            content: "";
            background: none;
        }

        .main-menu {
            margin: 0 0.9375rem;;
        }

        .footer-box {
            padding-bottom: 10px;
        }
        footer p, footer h5, footer a
        {
            text-align: center;
        }
        .footer-box .textwidget
        {
            text-align: center;
        }

        .input-box_small
        {
            float: left;
            clear: both;
            margin-left: 63px;
            margin-top: 10px;
        }

       .input-radio {
            margin-left: 110px;
        }
        .contact-box .wpcf7-form-control.wpcf7-submit
        {
            margin: 0 auto;
        }
        .content-top
        {
            padding-bottom: 10px;
        }

        .partner-box img {
            margin-bottom: 10px;
        }

        .sidebar-left {
            padding-top: 30px;
        }

        #inner-slider .flex-direction-nav
        {
            display: none;
        }

        .content img
        {
            margin-bottom: 10px;
        }

        .banner-top p
        {
            line-height: 32px;
            font-size: 23px;
        }
        #inner-slider .image-slide img, #inner-slider .image-text p
        {
            display: inline-block;
        }
        .image-text p{
            padding: 20px 0;
        }

        #home-slider .slider_caption
        {
            display: none;
        }

        .flex-viewport
        {
            z-index: 200;
        }

        .page-template-templateshome-php .top-bar {
            float: none;
            position: absolute;
            top: 54px;
            width: 95%;
            z-index: 100;
        }
        .toggle-topbar.menu-icon a:hover {
            background: transparent!important;
        }


        .location-box
        {
           margin-bottom: 20px;
        }

        .home-bg {
            padding-top: 20px;
            min-height: 464px;
        }

        .site-menu {
            float: none;
            text-align: center;
        }
        .site-menu ul  {
            margin-bottom: 0;
        }
        .site-menu li {
            float: none;
            display: inline-block;
        }

        .site-menu li a {
            padding: 0 10px;
        }
        .site-menu li a:before
        {
            background-color: transparent;
        }


        .down-box ul {
            -webkit-column-count: 1;
            -moz-column-count:1;
            -o-column-count:1;
            column-count:1;
            list-style: none;
            margin: 0 0 20px 0;
            padding: 0;

        }

        .inner-head {
            padding-bottom: 15px;
        }


        .main-menu ul li {
            padding-left: 0;
            padding-right: 0;
            float: none;
            clear: both;
        }

        .mobile-row {
            display: block;
        }

        .desktop-row {
            display: none;
        }
        #home-slider {
            top: -267px;
        }
        #carousel {
            margin-top: -260px;
        }

        .video-text-i {
            display: block;
        }

        .video-text {
             display: block;
        }


        .video-right .video-box, .video-box {
            margin: 0 auto;
        }

    } /* max-width 640px and lower. Use this for mobiles only */

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

    .main-menu ul li
    {
        display: block;
        clear: both;
    }


    #home-slider .flex-control-nav {
        display: none;
    }



    .title-top {
       font-size: 25px;
       top: 7px;
       position: absolute;
    }

    textarea.wpcf7-form-control
    {
        clear: both;
    }
    .content-text img.alignright {
        clear: both;
        float: none;
        display: block;
        margin: 0 0 10px 0;
    }

    .input-short label
    {
        width: 100%;
        text-align: left;
        margin-bottom: 10px;
    }
    .contact-box textarea
    {
        width: 100%;
    }


    #home-slider .item {
        min-height: 400px;
        height: auto;
    }
    .slides {
        overflow-y: visible;
    }

    .title-box p {
        font-size: 17px;
    }
    h2 {
        font-size: 27px;
    }
    h4 {
        font-size: 17px;
        line-height: 26px;
    }

    .contact-box label
    {
        clear: both;
        width: 100%;
        text-align: left;
    }

    span.wpcf7-form-control-wrap {
        clear: both;
        float: left;
    }

    .input-box_small
    {
        margin-left: 0;
    }
    .input-box_short
    {
        float: none;
        clear: both;
    }

    .input-box_small label
    {
        padding-left: 0;
    }
    .contact-box .wpcf7-form-control.wpcf7-submit
    {
        float: left;
    }


    .input-radio {
        margin-left: 0;
    }

}

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

    .title-top {
        font-size: 19px;
        top: 13px;
    }
    .top-right .save-field {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .video-js
    {
        width: 200px!important;
    }

    .video-box {
        background: none;
    }
}

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

    .widget_search form {
        margin-bottom: 0;
        margin-left: 10px;
    }





    .top-right .save-field {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .page-template-templateshome-php .top-bar {
        width: 90%;

    }
    .page-template-templateshome-php .top-bar
    {
        top:100px;
    }


    .widget_search
    {
        float: none;
    }

    #searchform .search-field, .save-field
    {
        max-width: 100%;
    }




}

/*-=Medium screens=-*/
    @media only screen and (min-width: 40.063em) {
        /* TOP BAR STYLING */
        .top-bar { background: transparent; }
        .top-bar-section ul { background: transparent; }
        .top-bar-section ul li { background: transparent;}
        .top-bar-section li:not(.has-form) a:not(.button),   .site-menu li a  {
            color: #fff;
            text-transform: uppercase;
            background: transparent;
            position: relative;
            font-family: 'Open Sans';
            font-weight: 600;
            font-size: 14px;
            padding: 0 23px;
            transition: color .1s ease-out,background .1s ease-out,border .1s ease-out,height .35s ease,line-height .35s ease;
            -webkit-transition: color .1s ease-out,background .1s ease-out,border .1s ease-out,height .35s ease,line-height .35s ease;
            -moz-transition: color .1s ease-out,background .1s ease-out,border .1s ease-out,height .35s ease,line-height .35s ease;
            -ms-transition: color .1s ease-out,background .1s ease-out,border .1s ease-out,height .35s ease,line-height .35s ease;
            -o-transition: color .1s ease-out,background .1s ease-out,border .1s ease-out,height .35s ease,line-height .35s ease;
        }

        .top-bar-section li:not(.has-form):first-child a:not(.button)
       {
            padding-left: 0;
        }

        .top-bar-section li:not(.has-form):last-child a:not(.button)
         {
            padding-right: 0;
        }

        .top-bar-section li:not(.has-form) a:not(.button):hover,
        .site-menu li a:hover
        {
            color: rgb(237,28,36);
            background-color: transparent;
        }


        .no-js .top-bar-section ul li:hover > a
        {
            background: transparent;
        }

        .top-bar-section li:not(.has-form) a:not(.button):after,
        .site-menu li a:after {
            content: "";
            display: block;
            width: 100%;
            height: 6px;
            background-color: red;
            -webkit-transform: scale(0,1);
            -moz-transform: scale(0,1);
            -o-transform: scale(0,1);
            transform: scale(0,1);
            transform-origin: left center;
            -webkit-transform-origin: left center;
            -webkit-transition: all .15s ease-out;
            -moz-transition: all .15s ease-out;
            -ms-transition: all .15s ease-out;
            -o-transition: all .15s ease-out;
            transition: all .15s ease-out;
            position: absolute;
            bottom: -1px;
            left: 0;

            }

        .site-menu li a
        {
            line-height: 42px;
            height: 42px;
            display: block;
            padding: 0 30px ;

        }
        .site-menu {
            float: right;
        }

        .site-menu li:first-child a {
            padding-left: 0;
        }
        .site-menu li:last-child a {
            padding-right: 0;
        }


        .top-bar-section li:not(.has-form):hover a:not(.button):after ,
        .site-menu li:hover a:after {
            -webkit-transform: scale(1,1);
            -moz-transform: scale(1,1);
            -o-transform: scale(1,1);
            transform: scale(1,1);

          }


        .top-bar-section li:not(.has-form):hover a:not(.button):before,
        .site-menu li:hover  a:before{
            -webkit-transform: scale(1,1);
            -moz-transform: scale(1,1);
            -o-transform: scale(1,1);
            transform: scale(1,1);

        }
        .top-bar-section li.current_page_item > a:not(.button),
        .site-menu li.current-menu-item a {
            color: rgb(237,28,36);
            background: transparent;
        }

        .top-bar-section li.current_page_item > a:not(.button):after,
        .site-menu li.current-menu-item a:after{
            -webkit-transform: scale(1,1);
            -moz-transform: scale(1,1);
            -o-transform: scale(1,1);
            transform: scale(1,1);
        }

        .top-bar-section .has-dropdown > a { padding: 0 15px !important; }
        .top-bar-section .has-dropdown > a:after { display: none; }


        .inner-head    .top-bar-section li:not(.has-form) a:not(.button),
        .site-menu li a {
            color: #808080;
        }

        .site-menu ul  {
            list-style: none;
        }
        .site-menu li {
            float: left;
        }


        .top-bar  li  > a:before {
            content: "";
            display: block;
            width: 100%;
            box-sizing: border-box;
            height: 1px;
            background-color: #fff;
            position: absolute;
            left:0;
            bottom: 3px;
        }


       .inner-head   .top-bar-section li  a:before ,
        .site-menu li a:before {
            content: "";
            display: block;
            width: 100%;
            box-sizing: border-box;
            height: 1px;
            background-color: #808080;
            position: absolute;
            left:0;
            bottom: 3px;
        }


    }  /* min-width 641px */





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

    .content-text:before
    {
        content: "";
        background: none;
    }

    .carousel {
        margin-top: 0;
    }
    .pre-logo {
        padding: 10px 0.9375rem;
    }

    .footer-box {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        z-index: 6;
    }
    #main-footer {
        position: relative;
        z-index: 6;
    }

}


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



    .down-box ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        -o-column-count: 2;
        column-count: 2;
        list-style: none;
        margin: 0 0 20px 0;
        padding: 0;

    }
    .logo-link
    {
        width: 420px;
    }
    .logo-link {
        height: 178px;
        left: 0;
        position: absolute;
        top: 0;
    }
    .slider_caption p
    {
        font-size: 18px;
        line-height: 26px;
        padding: 10px 0;
        border-radius:  0 4px 4px 0 ;
    }

    .slides .item .logo {
        left: 0;
        top: -40px;
    }

    .second-logo {
        margin-left: 0;
    }
    .widget_search form {
        margin: 0;
    }
    .home-bg  .save-field {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .second-logo {
        clear: both;
        float: none;
        padding-bottom: 20px;
    }

    .home-bg .logo {
        text-align: center;
        margin-bottom: 30px;
    }

    .home-bg .logo  img {
        text-align: center;
        float: none;
    }

}

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

    .carousel:before {
        content: "";
        height: 40px;
        width: 17%;
    }
    #carousel li
    {
        padding-top: 44px;
    }

    .carousel:after {
        content: "";
        height: 40px;
        width: 17%;
    }


}


@media only screen and (max-width:1050px) {
    .carousel:after {
        content: "";
        height: 40px;
        width: 1%;
    }
    .carousel:before {
        content: "";
        height: 40px;
        width: 6%;
    }
    .slider_caption p
    {
        font-size: 18px;
        line-height: 26px;
        padding: 10px 0;
        border-radius:  0 4px 4px 0 ;
    }
}