section.hastopbar * {color: #333!important;}
.header {border-bottom: 1px solid #fc0;box-shadow: 1px 3px 5px #ccc;}
p.p-bg {font-size: 16px;font-weight: bold;}
p.p-bg.s-ttl {background: #fc0;padding: 5px 0 5px 10px;border-radius: 5px;color: #333}
img.bg1 {margin: auto;display: block;}
ul.ul-disc {list-style-type: disc;padding-left: 30px;}
.table-responsive table thead tr {background: #fc0;color: #333;}
.table-responsive * {border-color: darkgray !important;}
footer ul.navigation li {width: 100% !important;}
.showit:hover i {color: #fff;}
h3.fotterTitle {padding-bottom: 5px;}
section#searchdata input,section#searchdata button {
    display: inline-block;
}

    a.nohover:hover{
        text-decoration: none;
        color: #222;
    }
section#searchdata button {
    position: relative;
    right: -30px;
    top: 0;
    float: right;
    background: #ffcc00;
    padding: 2px 20px;
}

section#searchdata input {
    position: absolute;
}
ul li ul li a:hover {
    color: #fc0 !important;
    background: #444 !important;
}
ul li ul li a {
    width: 100%;
    font-weight: 500 !important;
    padding: 7px 11px !important;
    margin: 0 !important;
}
.umenu a i{margin-right: 10px}
.rytcnt {
    margin: 30px auto 0;
    display: block;
}
img.cart-pr-img {
    max-width: 100px;
    margin-right: 10px;
    height: auto;
}
a.pr-im-blk {
    color: #555;
    font-weight: bold;
}
img.iniimg {
    margin: 30px auto;
    text-align: center;
    display: block;
    height: 120px;
    max-width: 90%;
    vertical-align: middle;
    width: auto;
}
.text-center > button {
    margin: auto;
    display: block;
}
.text-center > button:hover i {
    display: inline-block !important;
    transition: linear 0.3s all;
    padding: 0 0 0 10px !important;
}
.nature-main .cat-sec {
    padding: 0 0 20px 0;
    box-shadow: 1px 4px 6px #ccc;
    border-radius: 10px;
    margin: 0 0 30px 0;
}
.cat-sec .row.products {
    padding: 10px;
}
.cat-sec .cat p b {
    background: maroon;
    padding: 5px 20px;
    border-radius: 0 12px 12px 0;
    color: #fc0;
    box-shadow: 1px 3px 6px #888;
    font-weight: 400
}
iframe{max-width: 100%}
p.pub{
    margin: 10px 0 0 0;
}
.cofmnu li a:hover {
    padding-left: 0px;
}
.qasec .que {margin: 0 0 20px 0;word-break: break-all}  
.qasec .ans h4{line-height: 25px;font-weight: 400;font-size: 16px;word-break: break-all}
.ans {background: #fffdb3;padding: 10px;margin: 20px 0px;border: 1px solid #ccc;border-radius: 8px;}
p.usr {margin-bottom: 0;}
.que p.usr {margin: 10px 0px 0px 0px;}
.que {display: block;position: relative;border: 1px solid #ccc;border-radius: 8px;background: #fffdb3;padding: 10px;width: 100%;}
.que a:hover,.que:hover {color: inherit;cursor: pointer}
.qasec h6 {margin: 7px 0px;font-size: 14px;}
.qicon {position: absolute;height: 100%;top: 0px;right: 10px;}
.qicon i {font-size: 30px;vertical-align: middle;}
.reply {position: absolute;right: 10px;bottom: 0px;}
section.officedtl p,section.officedtl a {
    font-weight: 400 !important;
    color: #333;
}
section.officedtl p i {
    margin-right: 8px;
    width: 15px;
    color: #D98212;
    text-align: center;
    margin-top: 5px;
}
section.officedtl * {
    display: flex;
}
section.officedtl p a:hover{
    color: #000
}
section.sub_o_contents strong {
    display: block;
    font-size: 18px;
    line-height: normal;
    margin-bottom: 15px;
}

section.sub_o_contents {
    padding: 75px 0;
}

section.sub_o_contents p {
    font-size: 15px;
}

section.sub_o_contents p strong {
    font-size: 15px;
    display: inline-block;
}
.side-social {
    position: fixed;
    top: 40%;
    left: 0;
    z-index: 9;
}

.side-social a {
    display: block;
    color: #fff;
    padding: 10px 20px;
}

.side-social a.s1 {
    background: #3b5998;
}

.side-social a.s2 {
    background: #1da1f2;
}

.side-social a.s3 {
    background: #3f729b;
}

.side-social a.s5 {
    background: #c4302b;
}
        section.breadcrumbSec .container .col-md-7 {
            width: 100%;
        }
        section.breadcrumbSec .col-md-5.float-right {
            display: none;
        }
        body, htm{
            font-family:  'Nunito Sans', sans-serif;
            color: #333;
        }
        .breadTitle{
            text-shadow: 1px 2px 3px #444;
            font-size: 40px;
            line-height: 50px;
        }
        .spage p{
            font-size: 15px;
            line-height: 20px
        }
        .cartmnu{
            display: none !important;
        }
        .breadcrumbSec:before{
            background: rgba(0, 0, 0, .2);
        }
        section.breadcrumbSec {
            padding: 300px 0px 90px;
        }
        .mobd{
            display: none !important
        }
        @media(max-width:768px){
            .logo {
                display: inline-block;
                float: left;
                border: 0 !important;
                margin-left: 10px !important;
            }
            button.navbar-toggle {
                display: inline-block;
                float: right;
                position: absolute;
                right: 20px;
                top: 30%;
            }
            .logo img {
                margin-left: 20px;
            }
            .infosec{
                display: none;
            }
            .header{
                border: none;
                box-shadow: none;
            }
            section.breadcrumbSec{
                margin-top: 110px
            }
            .header.header{
                top:108px
            }
            .mobd{
                display: block !important
            }
            .col-md-3.sidebar {
                padding: 0 30px;
            }
        }

.sub_o_contents img:hover{
    transform: none;
}
.sub_o_contents img{
    display: block;
    margin-bottom: 15px;
}
body.index.dd_programmes .spage .col-md-9 ul.disc.lol {
    padding-left: 0px;
    list-style-type: none;
}
body.index.dd_programmes .spage .col-md-9 ul.disc li {
    font-size: 15px;
    line-height: 25px;
}
ul.disc.dblt.lol {
    padding-left: 30px !important;
    list-style-type: disc !important;
} 
@media(max-width:768px){
    .side-social{display: none}
    .theme_slider_title{margin-top: 10px;}
    a.search {margin-left: 15px;}
    section#searchdata button {right: -10px}
    section.breadcrumbSec {padding: 90px 0px !important}
    .breadTitle{font-size: 20px;line-height: unset;}
    section#searchdata {top: 200px}
    .navbar-toggle{padding: 9px 15px;}
    .headertop .col-lg-6.col-sm-9.col-xs-12{padding: 0px 5px;}
    .footerSocial a {width: 40px;height: 40px;font-size: 20px;line-height: 20px;}
    h3.fotterTitle {line-height: 25px;font-size: 18px;}
    #main_slider .owl-controls .owl-nav .owl-prev{padding: 6px 9px 6px 6px;}
    #main_slider .owl-controls .owl-nav .owl-next{padding: 6px 6px 6px 9px;}
    .navbar-nav li.umenu,.navbar-nav li.cartmnu {
        display: inline-block !important;
        width: auto !important;
        text-align: left !important;
        margin: auto !important;
        float: left !important;
    }
    .navbar-nav li.mobd a {
        display: block !important;
        width: 100% !important;
        float: left !important;
    }
    .col-md-12.cart-table .add-to-cart {
        text-align: center;
        margin: 20px auto;
        display: block;
    }
    .col-md-3.sidebar {
        margin-top: 30px;
    }
    .panel-group .panel{width: 100%}
    div#myModal .modal-xs.modal-dialog {
        width: auto;
    }

}