form .error{
    background-color: #ff2c54 !important;
    padding: 2px 10px;
        display: none;
    color: #ffffff;
    margin-top: -30px;
}

.loader {
    display:    none;
    position:   fixed;
    z-index:    9999999999;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
                url('http://i.stack.imgur.com/FhHRx.gif')
                50% 50%
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .loader {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .loader {
    display: block;
}
@media (min-width:320px)  and (max-width: 479px) {
    /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
    section.mkdf-side-menu.right{
        width: 90% !important;
    }
}
@media (min-width:480px)  and (max-width: 599px) {
    /* smartphones, Android phones, landscape iPhone */
    section.mkdf-side-menu.right{
        width: 90% !important;
    }
}
@media (min-width:600px)  and (max-width: 799px) {
    /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
    section.mkdf-side-menu.right{
        width: 90% !important;
    }
}
@media (min-width:800px)  and (max-width: 1024px) {
    /* tablet, landscape iPad, lo-res laptops ands desktops */
    section.mkdf-side-menu.right{
          width: 60% !important;
      }

}
@media (min-width:1025px)  and (max-width: 1279px) {
    /* big landscape tablets, laptops, and desktops */
}
@media (min-width:1280px)  {
    /* hi-res laptops and desktops */
}
/*

@media (min-width:1280px) {
    .tp-mask-wrap .tp-caption.bobSliderText {
        !*white-space: normal !important;*!
        !*line-height: 95px !important;*!

        !*position: absolute !important;*!
        !*display: block !important;*!
        !*overflow: visible !important;*!
    }

    .tp-mask-wrap .tp-caption {
        !*white-space: normal !important;*!
        !*line-height: 37px !important;*!
        !**!
        !*position: absolute !important;*!
        !*display: block !important;*!
        !*overflow: visible !important;*!

        !*width: 90%;*!
    }
}

.tp-loop-wrap{
    border: 1px solid red !important;
    width: 25rem !important;
    left: 50px !important;
    margin-left: -50% !important;
}
.tp-mask-wrap{
    border: 1px solid green !important;
    !*width: 90% !important;*!
}
.tp-caption{
    border: 1px solid blue !important;
    !*width: 90% !important;*!
    width: 90vw !important;
    white-space: normal !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;

}*/