@media only screen and (min-width:1200px) {

    #main-sidebar

{
    float: left;
    width: 20%;
    height: 100%;
    position: fixed;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.7);
}

#main-content, .full-width-slider {
    float: right;
    width: 80%;
    overflow: hidden;
}
    .flexslider {
        background-color: black;
        height: 600px;
    }
        .main-menu {
    background-image: unset;
    background-color: rgba(0, 0, 0, 0.7);
    background-color: unset;
}

    #main-menu-sidebar {
        background-image: unset;
        background-color: rgba(0, 0, 0, 0.7);
        background-color: rgb(255 255 255 / 96%);
    }

    .main-menu > ul {
        width: 100%;
        position: relative;
        /* display: block; */
        display: inline-flex;
        justify-items: stretch;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        /*background-color: rgb(34 29 29 / 70%);*/
       
      /*  background-color: rgba(0, 0, 0, 0.7);
        background-color: rgb(34 29 29 / 70%);*/
      padding-left:15px
    }

.main-menu ul li {
    height: 100px;
    position: static;
    padding: 0px;
    margin: 2px;
    margin-left:12px;
    border-bottom: solid 1px #ececec;
    border-top: solid 1px #fff;
    width: 100px;
    border: 2px solid #674c08;
    padding: 12px;
    border-radius: 12px;
}


    .main-menu ul li a {
        word-wrap: break-word;
        color: #997d35
    }

        .main-menu ul li a i {
            color: unset;
            background-image: unset;
            color: #997d35 !important
        }

    .main-menu ul li:hover {
        background-color: #ac8d3e;
    }

        .main-menu ul li:hover a, i {
            color: white !important
        }

    .main-menu ul li a:hover {
        background-color: unset;
        color: white;
    }

    .icon-mono {
        background: url(../images/icons1.png);
        background-image: url(../images/icons1.png), none;
        background-color: #997d35;
        border-radius: 50%;
    }

icon-mono:hover {
}

.fa-database:before {
    color: #997d35 !important;
}

.fa-cutlery:before {
    color: #997d35 !important;
}

.fa-pencil:before {
    color: #997d35 !important;
}

.fa-bell:before {
    color: #997d35 !important;
}

.fa-user:before {
    color: #997d35 !important;
}

.fa-home:before {
    color: #997d35 !important;
}

.fa-envelope:before {
    color: #997d35 !important;
}

.fa-film:before {
    color: #997d35 !important;
}


    .pack_img {
        border: none;
        transition: all 0.5s ease-in-out;
        box-shadow: 1px 1px 1px 12px #fff /*inset*/;
        display: block;
    }

    .pack_main {
        width: unset;
        width: 100%;
    }

        .pack_main h2 {
            width: unset;
            width: 100%;
            padding: 20px 20px 20px 20px
        }
    .first-footer .form-control {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #252424;
    }
    }





#projects img {
    max-width: 100%;
    -webkit-filter: unset;
    filter: unset;
    /*  filter: gray;*/
    margin: 0px;
    padding: 0px;
}
.slider-caption .read {
    float: left;
    width: 7%;
    background: #ac8d3e;
    text-align: center;
    color: #fff;
    height: 100px !important;
    background-color: rgb(156 122 21);
}
.slider-caption .read a:hover {
    background: #ac8d3e;
    display: block;
}
.main-slider {
   /* width: 100%;
    height: 650px;
    float: left;*/
    background: #ac8d3e;
    margin-bottom: 12px;
}
.flex-control-paging li a.flex-active {
    background: #ac8d3e;
    border: 2px solid #ac8d3e;
}
.flex-control-paging li a:hover {
    opacity: 1;
    background: #ac8d3e;
    border: 2px solid #ac8d3e;
}


.bottom_line {
    border-bottom: 3px solid #ac8d3e;
}
.first-footer {
    padding: 0px;
    background-image: unset;
    background-repeat: no-repeat;
    background-position: 95% bottom;
    background-color: #ac8d3e;
}














@media only screen and (max-width:900px){
    .site-footer .col-md-2 {
        position: relative;
        padding-bottom: 12px;
    }
        .responsive-menu ul li {
        padding-top: 12px;
    }
        a .menu-toggle-btn {
        width: 100%;
        height: 60px;
        background-color: #ac8d3e!important;
    }


    .pack_img {
        border: none;
        transition: all 0.5s ease-in-out;
        box-shadow: 1px 1px 1px 12px #fff /*inset*/;
        display: block;
    }

    .pack_main {
        width: unset;
        width: 100%;
    }

        .pack_main h2 {
            width: unset;
            width: 100%;
            padding:20px 20px 20px 20px

        }

    .first-footer .form-control {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #252424;
    }
    }
a.menu-toggle-btn {
    width: 100%;
    height: 60px;
    background-color: #ac8d3e !important;
}

.first-footer .form-control {
    background-color: white !important;
}


.btn-primary {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
}