.nivo-caption {
    top: unset;
    bottom: 0;
    padding-bottom: 10px;
    height: unset;
}

form {
    margin: auto;
    display: block;
    overflow: hidden;
    padding-right: 10px;
}

form input, form textarea {
    max-width: 100%;
}
@media(min-width: 769px){

    .resMenuBtn{
        display: none;
    }
    div#main-nav ul li a{
        padding-left: 25px;
        padding-right: 25px;
    }

    div#main-nav > ul{
        display: block !important;
    }
    
}
@media(min-width: 1024px ){
    div#top-area{
        padding-top: 100px !important;
    }
}
@media(max-width: 768px){
    
    *{
        box-sizing: border-box;
    }
    div {
        max-width: 100%;
    }

    /*----menu only ------*/
    .resMenuBtn{
        position: relative;
        /* z-index: 1; */
        padding: 10px 20px;
        background: #790101;
        width: 100%;
        color: #ffffff;
        font-size: 28px;
        font-family: 'PTSansBold';
        /* box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.27); */
    }
    .navBtnGroup {
        position: absolute;
        right: 20px;
        top: 10px;
    }
    .resMenuBtn span{
        height: 4px;
        display: block;
        background-color: #ffffff;
        margin-bottom: 5px;
        border-radius: 5px;
        width: 30px;
    }
    div#menu {
        height: auto;
        background: #a60000;
    }

    div#main-nav ul li {
        display: block;
        float: none;
        position: relative;
    }
    div#main-nav ul li:not(:last-child):after {
        content: '';
        width: calc(100% - 40px);
        height: 1px;
        background: #fff;
        color: #fff;
        display: block;
        margin: auto;
    }
    div#main-nav {
        float: none;
    }

    div#main-nav > ul{
        display: none;
    }
    

    .megamenu {
        position: static;
        /* display: block !important; */
        float: none;
        height: auto;
        overflow: hidden;
    }

    .megamenu .column {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #f23b3b;
        padding: 0;
    }

    div#main-nav ul li a {
        border-right: none;
    }
    .megamenu .column ul li a:before {
        content: "";
        background: #ddd764;
        display: block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        position: absolute;
        left: 10px;
        top: 27px;
    }
    .menu-caret {
        position: absolute;
        display: block;
        width: 30px;
        height:30px;
        background: #fff;
        right: 5px;
        border-radius: 50%;
        top: 5px;
        background-image: url("../images/nav-arrow.png");
        background-repeat: no-repeat;
        background-position: 7px center;
        transform: rotate(-90deg);
        transition-duration: .4s;
    }

    .menu-caret.opened{
        transform: rotate(0deg);
    }
    /* ---end menu ---*/
    div#left {
        width: 100%;
        float: none;
        margin: 0;
        padding: 20px;
    }
    div#left table, div#left tr, div#left td, div#left img{
        display: block;
        max-width: 100%;
        width: initial;
        overflow: hidden;
        height: initial;
    }
    div#sidebar {
        float: none;
        width: 100%;
        margin: auto;
        padding: 10px;
    }

    div#top-area {
        width: 100%;
        background-size: 100% auto;
        padding-top: 0;
        transition: all ease-in-out .5s 0s;
    }


    
    div#mas-head {
        max-width: 100%;
        margin: auto;
        overflow: hidden;
        height: auto;
    }
    div#slider {
        width: 100% !important;
        height: 100% !important;
        background-size: 100% 100% !important;
    }
    div#show {
        width: calc(100% - 16px);
        height: calc(100% - 16px);
    }

    a.nivo-nextNav {
        left: unset;
        right: -40px;
    }

    a.nivo-prevNav {
        left: -40px;
    }

    div#footer p.left , div#footer p.right {
        float: none;
        display: block;
        width: 100%;
        margin: auto;
        padding: 10px;
        box-sizing: border-box;
        line-height: 1.8;
        text-align: center;
        padding-bottom: 0;
    }

    div#footer p.right {
        float: none;
    }

    .nivo-caption {
        top: unset;
        bottom: 0;
    }

    .nivo-slice {
        background-size: 100% 100% !important;
    }

    .nivo-directionNav a {
        top: calc(50% - 68px);
        transform: scale(.5);
    }
    .content_right {
        position: static;
        display: block;
        margin: auto;
        float: none;
    }
    .gallery table, .gallery tr, .gallery td {
        width: 100%;
    }
    .gallery td{
        display: inline-block !important;
    }
    .gallery {
        text-align: center;
    }
    div#newsletter {
        width: 100%;
        margin: auto;
        height: auto;
        background-size: cover;
        overflow: hidden;
        max-height: unset !important;
        padding: 20px;
        margin-bottom: 10px;
    }


    .nivo-caption , .fixed-side-social-container-text1, .fixed-side-social-container-text, .fixed-side-social-container, .fixed-side-social-container1, .fixed-side-social-container4 {
        display: none !important;
    }

}
@media(max-width: 499px ){
    div#top-area{
        background-image: url('../images/top-area-bg-mobile.jpg');
    }
}