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

    body{
        padding-top:60px;
    }
    /*.padding-top{*/
        /*padding-top: 60px;*/
    /*}*/
    .flip-container, .front, .back{
        height: auto!important;
    }

    .carousel-inner>.item>img{
    }

    .flip-container{
        height: auto;
    }


    .mobile-header{

        position: fixed;
        width: 100%;
        z-index: 99;
        top:0;
        height: 60px;
        background:url('http://hadara.ps/web/images/bg-header_mobile.jpg') center repeat;text-align: center;
    }
    .menu-content
    {
        position: fixed;
        top:0px;
        right: -250px;
        bottom: 0;
        background: #fff;
        width: 250px;
        z-index: 91;
        padding: 15px;
        -webkit-transition-duration: .3s; /* Safari */
        transition-duration: .3s;
    }

    .menu-content-fadeIn
    {
        right: 0px;
        animation-name: slideRight;
        animation-duration: .5s;
        animation-delay: 0s;
    }

    .menu-content ul
    {
        text-align: right;
        list-style-type: none;
        padding: 0;
        margin: 0;
        overflow: scroll;
        height: 100%;
        margin-bottom:50px; ;

    }

    .menu-content > ul>li
    {
        line-height: 60px;
        color:#FF0000;


    }

    .menu-content > ul > li > a
    {
        font-family: NeoSansArabic;
        color: #959595;
        font-size: 15px;


    }
    .menu-content ul>li:hover
    {
    }

    /*
    .menu-content ul>li:hover ul
    {
        opacity: 1;
        height: auto;
        transition: all 1s ease-out;

    }
    */


    .menu-content ul li ul
    {
        padding-right: 15px;
        transition: opacity 1s ease-out;
        opacity: 1;
        height: auto;

    }


    .menu-content ul li ul li
    {
        height: 60px;
        padding:15px;
        line-height: 0px;



    }
    .menu-content ul li ul li a
    {
        color:#959595;

    }


    .menu-content > ul > li ul li:before
    {
        content: "\f0d9"; /* FontAwesome Unicode */
        font-family: FontAwesome;
        display: inline-block;
        width: 1.3em;
        color:#959595;

    }

    .menu-content > ul > li:before
    {
        content: "\f00c"; /* FontAwesome Unicode */
        font-family: FontAwesome;
        display: inline-block;
        width: 1.3em;
        color:#FF0000;

    }



    .black-bg{
        position: fixed;
        top:0px;
        right: 0px;
        bottom: 0px;
        left:0px;
        background: #111;
        opacity: .3;
        z-index: 90;
        display: none;
    }
    .show{
        display: block;
    }

    #social-media{
        z-index: 80;
    }


    @keyframes slideRight
    {

        from {right:-250px;}
        to {right: 0px;}

    }


    @keyframes bodySlideRight
    {

        from {margin-right:0px;}
        to {margin-right: 250px;}

    }

    .right-icon
    {
        float:right;
        text-align: right;
        padding: 0 10px;
        line-height: 60px;
        font-size: 25px;
        display: inline-block;
        color:#111;

    }


    .left-icon
    {
        float:left;
        text-align: left;
        padding: 0 10px;
        line-height: 60px;
        font-size: 25px;
        display: inline-block;
        color:#111;

    }
    .short-navbar .item{
        width: 33.3%;
    }
    .groupTemplate.fixedHeader{
        top:55px;
        padding-top:5px;

    }

    .flip-container .front a ,.flip-container .front a img{
        width: 100%;

    }

    #videoPlay{
        top: 60px !important;;
        z-index: 99!important;
    }

    #videoPlay .video
    {
        width: 100% !important;
        padding: 100px 50px!important;

    }

    .videos-container > div
    {
        padding: 0px 50px;

        padding-bottom: 100px;
    }

    #subscript{
        top: 60px !important;;
    }

    .fixed-header .subscribe{
        margin: 0!important;
    }
    img{
        max-width: 100%;
    }


    .body-slide{
        margin-right: 250px;
        animation-name: bodySlideRight;
        animation-duration: .5s;
        animation-delay: 0s;
        -webkit-transition-duration: .3s; /* Safari */
        transition-duration: .3s;
    }

    .groupTemplate.fixedHeader{
        padding: 0;
    }
}

.postCoverImage{
    height: 350px;
}
@media only screen and (max-width: 1330px) {
    .center-slide-2{
        background-size: contain !important;
    }
}

@media only screen and (max-width: 768px)
{
    #social-media{
        /*display: none;*/
    }

    .carousel-inner .item img
    {
        transform: scale(1);
        display: block!important;
    }
    .carousel-inner,.carousel-inner .item{
        height: auto!important;
    }
    /*.padding-top{*/
        /*padding-top: 110px;*/
    /*}*/
    .postCoverImage{
        height: 150px;
        background-size: 172% 100% !important;
        /*background-size: cover !important;*/
    }
    .front{
        position: relative!important;
    }
    .back{
        display: none!important;
    }

    .container{
        width: 100% !important;
    }

}


@media only screen and (max-width: 576px)
{
    #social-media{
        /*display: none;*/
    }

    .subscribe{
        width: 100%;
        margin: 0;
        padding: 0;

    }

     .subscribe > a{
      font-size: 18px !important;
      font-weight: bold;

    }

    .headSection{

    }

    .groupTemplate{
        z-index: 81!important;
        margin: 0;
        padding:0px;
    }

    #subscript{
        z-index: 88;
    }

    .sliderButtons .item .buttons2{
        display: none;
    }
    .groupTemplate .container{
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .groupTemplate .col-md-12{
        width: 100%;
        padding: 0;
        margin: 0;
        border: 0;

    }
    #st-2{
        display: none!important;
    }
    .subscribe{
        width: 100%;
        text-align: center;
        margin: 0!important;

    }

    .front{
        position: relative!important;
    }
    .back{
        display: none!important;
    }
    .carousel-inner,.carousel-inner .item{
        height: auto!important;
    }
    .form-title{
        margin-top: 50px;

    }
    #videoPlay .CloseVideoMode{
        right: 5px !important;;
    }
    #videoPlay .video iframe{
        height: auto!important;
    }
    .videos-container > div{
        padding: 0px 0px;
    }
    #videoPlay .video {
        padding: 20px !important;;
    }
    .carousel-inner .item img
    {
        transform: scale(1);
        display: block!important;
    }
    #videoPlay .col-md-12
    {
        padding: 0;
    }
    #productTemp3 .buttons .readMore:hover
    {
        transform: scale(1) !important;
    }

    .copy-right{
        text-align: right   !important;;
    }
    .left-line{
        border: 0px !important;;
        padding: 5px!important;
    }
    .copy-right{
        text-align: right!important;;
    }

    .default-temp *{
        max-width: 100%;
        height: auto;
    }

    .groupTemplateContent{
        overflow: hidden;
    }
    .groupTemplateContent *{
        max-width: 100%;
    }

    .postCoverImage{

    }

    .singular #content, .left-sidebar.singular #content
    {    margin: 0px!important;


    }

}    #main #content{
}
.android-app-promotion {
    width: 100%;
    height: 151px;
    background: url(../../images/install-hadara.png) center center no-repeat white;
    background-size: contain;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9;
    box-shadow: 0 2px 6px #3a3939;
}
.android-app-promotion a {
    width: 100%;
    height: 151px;
    position: absolute;
    bottom: 0;
    z-index: 99;

}
.close-app-promotion {
    position: absolute;
    font-size: 35px;
    color: #cccccc;
    top: 5px;
    right: 5px;
    width: 35px;
    height: 35px;
    text-align: center;
    z-index: 9999999;
    display: block;
}