@media (min-width:768px) and (max-width:991px) {
    .owl-carousel .col-sm-1 {
        max-width: 62px
    }
    .owl-carousel .col-sm-2 {
        max-width: 125px
    }
    .owl-carousel .col-sm-3 {
        max-width: 187px
    }
    .owl-carousel .col-sm-4 {
        max-width: 250px
    }
    .owl-carousel .col-sm-5 {
        max-width: 31px
    }
    .owl-carousel .col-sm-6 {
        max-width: 375px
    }
    .owl-carousel .col-sm-7 {
        max-width: 437px
    }
    .owl-carousel .col-sm-8 {
        max-width: 500px
    }
    .owl-carousel .col-sm-9 {
        max-width: 562px
    }
    .owl-carousel .col-sm-10 {
        max-width: 625px
    }
    .owl-carousel .col-sm-11 {
        max-width: 687px
    }
    .owl-carousel .col-sm-12 {
        max-width: 750px
    }
}

@media (max-width:767px) {
    .border-sec { border: none; }
    .ads-inner-1 { margin-top: 10px; }
    .pagination > li > a, .pagination > li > span { padding: 0px 5px !important; }
    .dt-buttons{ display: none; }
    .back-btn { display: inline-block; }
    .btn-theme { 
        padding: 5px;
    font-size: 12px;
    /*width: 100%;*/ }
    .home-about-sec {  padding-bottom: 0px !important; }
    .home-about-sec img { margin-top:0px;  }
    .res-hid { display: none; }
    .page-title-left.dark, .page-title-left.dark .breadcrumb > li > a {  text-align:center; }
    .table-responsive { border:none !important; }
    table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    border-bottom-width: 0;
    font-size: 10px;
    padding: 5px;
}
table.table-bordered.dataTable th, table.table-bordered.dataTable td {
    border-bottom-width: 0;
    font-size: 10px;
    padding: 5px;
}
.page-header h1 {
    margin: 0;
    font-size: 20px;
    text-transform: capitalize;
}
.members-sec.sang .alert.alert-danger {
    width: fit-content;
    margin: auto;
    margin-bottom: 5px;
} .profile-sec h4 {
    color: #feefce;
    font-size: 18px;
    margin-bottom: 0px;
}
select { background: none;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    box-shadow: 0 1px #fff, 0 1px 4px rgba(0, 0, 0, 0.05) inset;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 22px;
    min-height: 40px;
    padding: 0px 12px;
    width: 100%;
    }
    .icon-5.color-icons { margin-bottom:0px !important;margin-top: 10px;
    /* font-size: 10px; */
    height: 40px; }
    .selectBox, .form-control {
    background: none;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    box-shadow: 0 1px #fff, 0 1px 4px rgba(0, 0, 0, 0.05) inset;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 15px;
    min-height: 30px;
    padding: 0px 12px;
    width: 100%;
     }
     label { font-size:12px; }
    .register-form h3 { font-size:24px; }
    .copyright, .copyright a { font-size:10px !important; }
    .navbar.navbar-bg-light .navbar-nav>li>a { font-size:12px !important; }
    .navbar-nav > li > a { line-height:25px; }
    .dropdown #dropdownMenuButton { line-height:25px; }
    .work-section .nav li, .mixed-grid .nav li { margin: 0px 10px 0px 10px; }
    .section-title h2 { font-size:20px; }
    #call-to-action a { font-size: 12px;padding: 5px 20px; }
    #call-to-action h3 { font-size:20px; }
    .profile-sec h6 { font-size:15px; }
    .work-section .nav.black li, .mixed-grid .nav.black li { font-size:11px; }
    .sang .alert-danger, .mandal .alert-danger { 
        min-height:30px;
        width: fit-content;
    margin: auto;
    margin-bottom: 5px; }
    .m-pho-mail { font-size:11px; } 
    .edit-btn { font-size:11px;height: 30px;line-height: 12px;float: none;margin: 0px; } 
    .profile-img-sec h3 { font-size:25px;text-align:center; }
    .alert-danger { min-height:30px;padding:2px; }
    .res-col-6 {
        display: inline-block;
    }
    .alert-danger {
        display: list-item;
        min-width: 150px;
        font-size: 11px;
    }
    .profile-img-sec h3 {
        font-size: 20px
    }
    .dropdown .dropdown-menu .dropdown-item {
        color: #f7f2c9
    }
    .carousel-inner>.item>a>img,
    .carousel-inner>.item>img {
        margin-top: 50px
    }
    .profile-sec h6 {
        text-align: left !important;
        min-width: 140px;
        font-size:15px ;
        margin-bottom: 5px;
    }
    .navbar.navbar-bg-light .navbar-nav>li>a {
        font-size: 12px
    }
    .dropdown .dropdown-menu .dropdown-item {
        font-size: 12px
    }
    .dropdown #dropdownMenuButton {
        text-align: left;
        width: 100%;
        background: #171717;
        font-size: 12px;
        color: #ffc400
    }
    .dropdown #dropdownMenuButton:after {
        color: #ffc400;
        content: "\e114";
        font-family: icomoon;
        font-size: 14px;
        position: absolute;
        right: 20px
    }
    .owl-carousel .col-sm-1,
    .owl-carousel .col-sm-2,
    .owl-carousel .col-sm-3,
    .owl-carousel .col-sm-4 {
        min-width: 160px
    }
    .owl-carousel .col-sm-10,
    .owl-carousel .col-sm-11,
    .owl-carousel .col-sm-12,
    .owl-carousel .col-sm-5,
    .owl-carousel .col-sm-6,
    .owl-carousel .col-sm-7,
    .owl-carousel .col-sm-8,
    .owl-carousel .col-sm-9 {
        min-width: 300px
    }
    .owl-carousel .col-md-1,
    .owl-carousel .col-md-2,
    .owl-carousel .col-md-3,
    .owl-carousel .col-md-4,
    .owl-carousel .col-xs-1,
    .owl-carousel .col-xs-10,
    .owl-carousel .col-xs-11,
    .owl-carousel .col-xs-12,
    .owl-carousel .col-xs-2,
    .owl-carousel .col-xs-3,
    .owl-carousel .col-xs-4,
    .owl-carousel .col-xs-5,
    .owl-carousel .col-xs-6,
    .owl-carousel .col-xs-7,
    .owl-carousel .col-xs-8,
    .owl-carousel .col-xs-9 {
        max-width: 300px
    }
    .xs-pad-10 {
        padding: 10px
    }
    .xs-pad-20 {
        padding: 20px
    }
    .xs-pad-30 {
        padding: 30px
    }
    .xs-pad-40 {
        padding: 40px
    }
    .xs-pad-50 {
        padding: 50px
    }
    .xs-pad-60 {
        padding: 60px
    }
    .xs-pad-70 {
        padding: 70px
    }
    .xs-pad-80 {
        padding: 80px
    }
    .top-xs-pad-10 {
        padding-top: 10px
    }
    .top-xs-pad-20 {
        padding-top: 20px
    }
    .top-xs-pad-30 {
        padding-top: 30px
    }
    .top-xs-pad-40 {
        padding-top: 40px
    }
    .top-xs-pad-50 {
        padding-top: 50px
    }
    .top-xs-pad-60 {
        padding-top: 60px
    }
    .top-xs-pad-70 {
        padding-top: 70px
    }
    .top-xs-pad-80 {
        padding-top: 80px
    }
    .bottom-xs-pad-10 {
        padding-bottom: 10px
    }
    .bottom-xs-pad-20 {
        padding-bottom: 20px
    }
    .bottom-xs-pad-30 {
        padding-bottom: 30px
    }
    .bottom-xs-pad-40 {
        padding-bottom: 40px
    }
    .bottom-xs-pad-50 {
        padding-bottom: 50px
    }
    .bottom-xs-pad-60 {
        padding-bottom: 60px
    }
    .bottom-xs-pad-70 {
        padding-bottom: 70px
    }
    .bottom-xs-pad-80 {
        padding-bottom: 80px
    }
    .xs-margin-10 {
        margin: 10px
    }
    .xs-margin-20 {
        margin: 20px
    }
    .xs-margin-30 {
        margin: 30px
    }
    .xs-margin-40 {
        margin: 40px
    }
    .xs-margin-50 {
        margin: 50px
    }
    .xs-margin-60 {
        margin: 60px
    }
    .xs-margin-70 {
        margin: 70px
    }
    .xs-margin-80 {
        margin: 80px
    }
    .top-xs-margin-10 {
        margin-top: 10px
    }
    .top-xs-margin-20 {
        margin-top: 20px
    }
    .top-xs-margin-30 {
        margin-top: 30px
    }
    .top-xs-margin-40 {
        margin-top: 40px
    }
    .top-xs-margin-50 {
        margin-top: 50px
    }
    .top-xs-margin-60 {
        margin-top: 60px
    }
    .top-xs-margin-70 {
        margin-top: 70px
    }
    .top-xs-margin-80 {
        margin-top: 80px
    }
    .bottom-xs-margin-10 {
        margin-bottom: 10px
    }
    .bottom-xs-margin-20 {
        margin-bottom: 20px
    }
    .bottom-xs-margin-30 {
        margin-bottom: 30px
    }
    .bottom-xs-margin-40 {
        margin-bottom: 40px
    }
    .bottom-xs-margin-50 {
        margin-bottom: 50px
    }
    .bottom-xs-margin-60 {
        margin-bottom: 60px
    }
    .bottom-xs-margin-70 {
        margin-bottom: 70px
    }
    .bottom-xs-margin-80 {
        margin-bottom: 80px
    }
    .single-product {
        margin-bottom: 40px
    }
}

@media (min-width:992px) {
    .timeliner>li {
        min-height: 150px
    }
    .timeliner>li .timeline-panel {
        padding: 0 20px 20px
    }
    .timeliner>li .timeline-image {
        width: 150px;
        height: 150px;
        margin-left: -75px
    }
    .timeliner>li .timeline-image h4 {
        margin-top: 30px;
        font-size: 18px;
        line-height: 26px
    }
    .timeliner>li.timeline-inverted>.timeline-panel {
        padding: 0 20px 20px
    }
    .side-nav-wrapper {
        padding-left: 280px
    }
    .side-navbar {
        background: rgba(0, 0, 0, .8);
        border: medium none;
        border-radius: 0;
        left: 0;
        position: fixed;
        top: 0;
        width: 280px;
        max-width: 280px;
        height: 100%;
        scrollbar-base-color: silver;
        scrollbar-base-color: silver;
        scrollbar-3dlight-color: silver;
        scrollbar-highlight-color: silver;
        scrollbar-track-color: #ebebeb;
        scrollbar-arrow-color: #000;
        scrollbar-shadow-color: silver;
        scrollbar-dark-shadow-color: silver;
        z-index: 999
    }
    .side-navbar .navbar-nav {
        float: none;
        width: 100%
    }
    .side-navbar .navbar-nav>li {
        display: block
    }
    .side-navbar .dropdown-menu>li>a,
    .side-navbar .navbar-nav>li>a {
        width: 100%;
        text-align: left;
        font-family: Arial;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px;
        letter-spacing: 1px;
        border-bottom: 1px dashed rgba(204, 204, 204, .4);
        padding: 0 20px
    }
    .nav .open>a,
    .nav .open>a:focus,
    .nav .open>a:hover {
        border-color: rgba(204, 204, 204, .4)
    }
    .side-navbar .dropdown-menu>li>a {
        padding: 12px 28px
    }
    .side-navbar .dropdown-menu>li:last-child>a {
        border-bottom: none
    }
    .side-navbar .navbar-header {
        float: none;
        position: relative
    }
    .side-navbar .navbar-nav .collapsible .sub-arrow,
    .side-navbar .navbar-nav .sub-arrow {
        border: 0 none;
        display: inline-block;
        font-size: 0
    }
    .side-navbar .navbar-nav .collapsible .sub-arrow:after,
    .side-navbar .navbar-nav .sub-arrow:after {
        content: "\f105";
        font-family: FontAwesome;
        font-size: 14px;
        height: 20px;
        position: absolute;
        right: 0;
        top: 0;
        width: 20px
    }
    .side-navbar .navbar-brand {
        width: 100%;
        margin: 20px 0
    }
    .side-navbar .navbar-brand>img {
        margin: 0 auto;
        width: auto;
        z-index: 9;
        position: relative
    }
    .side-navbar .navbar-nav>li>.dropdown-menu {
        left: 100% !important;
        top: 0 !important;
        z-index: 9999
    }
    .side-navbar .dropdown-menu,
    .side-navbar .navbar-nav>li>.dropdown-menu {
        border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        -o-border-radius: 0 !important;
        -ms-border-radius: 0 !important;
        border: none !important;
        padding: 0
    }
    .side-navbar .top-contact {
        padding: 15px 20px;
        width: 100%;
        text-align: left;
        border-bottom: 1px dashed rgba(204, 204, 204, .4);
        position: relative;
        z-index: 1
    }
    .side-navbar .top-contact.link-hover-black>a {
        display: block
    }
    .side-navbar .top-social-icon {
        width: 100%;
        text-align: left;
        padding-left: 20px;
        padding-top: 15px
    }
    .dark-header .side-navbar .top-contact.link-hover-black>a,
    .dark-header .side-navbar .top-social-icon>a {
        color: #fff
    }
    .side-nav-wrapper .testimonails .owl-item .item {
        margin-right: 1px
    }
    .side-navbar.navbar-default .navbar-nav>li>a.has-submenu {
        background: 0 0 !important
    }
}

@media(min-width:768px) {
    .timeliner:before {
        left: 50%
    }
    .timeliner>li {
        margin-bottom: 100px;
        min-height: 100px
    }
    .timeliner>li .timeline-panel {
        float: left;
        width: 41%;
        padding: 0 20px 20px 30px;
        text-align: right
    }
    .timeliner>li .timeline-image {
        left: 50%;
        width: 100px;
        height: 100px;
        margin-left: -50px
    }
    .timeliner>li .timeline-image h4 {
        margin-top: 16px;
        font-size: 13px;
        line-height: 18px
    }
    .timeliner>li.timeline-inverted>.timeline-panel {
        float: right;
        padding: 0 30px 20px 20px;
        text-align: left
    }
    .bakery-menu .nav-tabs>li,
    .schedule .tabs .nav-tabs>li {
        display: table-cell;
        width: 1%;
        float: none;
        border-bottom: none
    }
}

@media (min-width:1200px) {
    .owl-carousel .col-md-1 {
        max-width: 100px
    }
    .owl-carousel .col-md-2 {
        max-width: 200px
    }
    .owl-carousel .col-md-3 {
        max-width: 300px
    }
    .owl-carousel .col-md-4 {
        max-width: 400px
    }
    .owl-carousel .col-md-5 {
        max-width: 500px
    }
    .owl-carousel .col-md-6 {
        max-width: 600px
    }
    .owl-carousel .col-md-7 {
        max-width: 700px
    }
    .owl-carousel .col-md-8 {
        max-width: 800px
    }
    .owl-carousel .col-md-9 {
        max-width: 900px
    }
    .owl-carousel .col-md-10 {
        max-width: 1000px
    }
    .owl-carousel .col-md-11 {
        max-width: 1100px
    }
    .owl-carousel .col-md-12 {
        max-width: 1200px
    }
    .timeliner>li {
        min-height: 170px
    }
    .timeliner>li .timeline-panel {
        padding: 0 20px 20px 100px
    }
    .timeliner>li .timeline-image {
        width: 170px;
        height: 170px;
        margin-left: -85px
    }
    .timeliner>li .timeline-image h4 {
        margin-top: 40px
    }
    .timeliner>li.timeline-inverted>.timeline-panel {
        padding: 0 100px 20px 20px
    }
}

@media (min-width:991px) and (max-width:1199px) {
    .double-img img {
        max-width: 60%
    }
}

@media(max-width:480px) {
    .double-img img {
        max-width: 50%
    }
}

@media (max-width:991px) {
    .animated {
        visibility: visible !important;
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important
    }
    .fixed {
        background-attachment: initial !important
    }
    .image-bg {
        -webkit-background-size: initial !important
    }
    .grid-col-4 .grid-item,
    .grid-col-4 .grid-sizer {
        width: 33.3%
    }
    .grid-col-5 .grid-item,
    .grid-col-5 .grid-sizer {
        width: 33.3%
    }
}

@media (max-width:767px) {
    .image-bg.content-in {
        background-repeat: repeat
    }
    .search-dropdown .dropdown-menu {
        min-width: 100% !important
    }
    .search-dropdown .dropdown-menu .form-control,
    .search-dropdown .dropdown-menu .input-group,
    .search-dropdown .dropdown-menu .navbar-form {
        width: 90% !important
    }
    .search-dropdown .dropdown-menu .navbar-form .form-control {
        padding: 8px 24px
    }
    .navbar-collapse .navbar-nav {
        padding-bottom: 10px
    }
    header .navbar-form {
        margin: none
    }
    .search-dropdown .dropdown-menu li {
        padding: 0 10px
    }
    #page .page-title-left .breadcrumb {
        right: 0;
        position: relative;
        margin-top: 10px
    }
    .grid-col-2 .grid-item,
    .grid-col-2 .grid-sizer {
        width: 50%
    }
    .grid-col-3 .grid-item,
    .grid-col-3 .grid-sizer {
        width: 50%
    }
    .grid-col-4 .grid-item,
    .grid-col-4 .grid-sizer {
        width: 50%
    }
    .grid-col-5 .grid-item,
    .grid-col-5 .grid-sizer {
        width: 50%
    }
    .blog.timeliner .timeline-icon {
        left: 0;
        margin: 22px 0 0
    }
    .blog.timeliner .timeline-meta {
        left: 0;
        margin: 0 0 5px;
        position: relative;
        right: 0;
        text-align: left
    }
    .blog.timeliner li,
    .blog.timeliner>li.timeline-inverted {
        margin: 0;
        padding: 0 0 30px 100px;
        width: 100%;
        left: 0
    }
    .blog.timeliner>li .timeline-panel:before,
    .blog.timeliner>li.timeline-inverted .timeline-panel:before {
        border: 15px solid transparent;
        border-right-color: #ccc;
        left: -30px;
        right: auto
    }
    .blog.timeliner>li .timeline-panel:after,
    .blog.timeliner>li.timeline-inverted .timeline-panel:after {
        border: 14px solid transparent;
        border-right-color: #fff;
        left: -28px;
        right: auto
    }
    .owl-carousel .col-sm-1,
    .owl-carousel .col-sm-10,
    .owl-carousel .col-sm-11,
    .owl-carousel .col-sm-12,
    .owl-carousel .col-sm-2,
    .owl-carousel .col-sm-3,
    .owl-carousel .col-sm-4,
    .owl-carousel .col-sm-5,
    .owl-carousel .col-sm-6,
    .owl-carousel .col-sm-7,
    .owl-carousel .col-sm-8,
    .owl-carousel .col-sm-9 {
        float: none;
        margin: 0 auto
    }
    #main-slider h1 {
        font-size: 25px;
        line-height: 25px
    }
    #sidebar.sidebar.stick,
    .sidebar {
        float: left;
        padding-top: 20px;
        position: relative !important;
        width: 100% !important
    }
}

@media (max-width:480px) {
    .grid-col-2 .grid-item,
    .grid-col-2 .grid-sizer {
        width: 100%
    }
    .grid-col-3 .grid-item,
    .grid-col-3 .grid-sizer {
        width: 100%
    }
    .grid-col-4 .grid-item,
    .grid-col-4 .grid-sizer {
        width: 100%
    }
    .grid-col-5 .grid-item,
    .grid-col-5 .grid-sizer {
        width: 100%
    }
    .blog.timeliner>li .timeline-panel {
        padding: 20px
    }
    .top-up .nav-tabs>li {
        display: block;
        width: 100%
    }
}