/*@media (max-width: 900px) {*/

/*.navbar .dropdown-toggle, .navbar .dropdown-menu a {*/
    /*cursor: pointer;*/
/*}*/

/*.navbar .dropdown-item.active, .navbar .dropdown-item:active {*/
    /*color: inherit;*/
    /*text-decoration: none;*/
    /*background-color: inherit;*/
/*}*/

/*.navbar .dropdown-item:focus, .navbar .dropdown-item:hover {*/
    /*color: #16181b;*/
    /*text-decoration: none;*/
    /*background-color: #f8f9fa;*/
/*}*/

/*ul.navbar-nav.animate.side-nav li {*/
    /*height: auto;*/
    /*min-height: 4em;*/
    /*background: #2b2b2b;*/
    /*color: #fff;*/
/*}*/
/*ul.navbar-nav.animate.side-nav li.menu-active {*/
    /*height: auto;*/
    /*min-height: 3em;*/
    /*background: red !important;*/
    /*color: #fff;*/
/*}*/
/*ul.navbar-nav.animate.side-nav li a span.title{*/

    /*text-align: center !important;*/
    /*color:#fff;*/
    /*font-size: 1.2rem;*/
    /*padding-left: 5px;*/
/*}*/

/*#carouselSlider1 {*/
    /*margin-top: 57px;*/

/*}*/


    /*.navbar .dropdown-toggle:not(.nav-link)::after {*/
        /*display: inline-block;*/
        /*width: 0;*/
        /*height: 0;*/
        /*margin-left: .5em;*/
        /*vertical-align: 0;*/
        /*border-bottom: .3em solid transparent;*/
        /*border-top: .3em solid transparent;*/
        /*border-left: .3em solid;*/
    /*}*/
/*}*/


.menu{
    float:left;
    background: #333333;
}
.menu{
    margin:4em 2em;
}
.box{
    position:absolute;
    top:-1200px;
    width:100%;
    color:#fff;
    margin:auto;
    padding:0px;
    z-index:999999;
    text-align:right;
    left:0;
}
a.boxclose{
    cursor: pointer;
    text-align: center;
    display: block;
    position: absolute;
    top: 46px;
    right: 320px;
}
.menu_box_list {
    display: inline-block;
    float: right;
    margin-right: 35em;
}
.menu_box_list ul li {
    display:inline-block;
}
.menu_box_list li a{
    color: #fff;
    font-size: 1.2em;
    font-weight:400;
    display: block;
    padding:0.5em 0.5em;
    text-decoration:none;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    letter-spacing: 0.1em;
}
.menu_box_list li a:hover,.menu_box_list ul li.active a{
    color:#E74C3C;
}
.menu_box_list ul {
    background:transparent;
    padding:50px;
}
.menu_box_list li a > i > img{
    vertical-align:middle;
    padding-right:10px;
}

@media (max-width:1280px){
    a.boxclose {
        right: 190px;
    }
    .menu_box_list {
        margin-right: 25em;
    }
}
@media (max-width:1024px){
    a.boxclose {
        right: 104px;
    }
    .menu_box_list {
        margin-right: 14em;
    }

}
@media (max-width:768px){
    .menu_box_list {
        margin-right: 3em;
    }
    a.boxclose {
        right: 28px;
        top:18px;
    }
    .menu_box_list ul li {
        display:block;
    }
    .menu_box_list ul {
        background:transparent;
        padding:1em 20em;
        margin:28px 0px;
        text-align:center;
    }
    .m-50 {margin: 5px !important;}
    .p-50 {padding: 5px !important;}
}
@media (max-width:640px){
    .sdvig{
        margin: 0 auto;
    }
    #product_image {
        width: 100%;
    }
    .h3, h3 {
        font-size: 1.2rem;
        text-align: center;

    }
    #collapseOne {
        margin-top: -10px;
    }
    .menu_box_list ul {
        padding: 1em 15em;
    }
    .m-50 {margin:0 !important;}
    .p-50 {padding:5px !important;}
    .container.top_shadow {
        position: fixed;
        height:4rem;
        margin-bottom: 10px;
        z-index: 200;
        text-align: left;
        background: #7f868a !important;
        top: 0;
        margin-top: -5px;
    }
    .panel-body {
        background: #7f868a;
        color: #faca30;
    }
    li {list-style: none;}
    .m_phones{
        position: absolute;
        right: 10px;
        top: 0;
        width: auto;
        display: block;
        height: 4rem;

    }
    .phone a{
        position: relative;
        width: 100%;
        display: inline-block;
        color: #faca30 !important;

    }
    .phone2 a{
        position: relative;
        width: 100%;
        display: inline-block;
        color: #faca30 !important;
        float: right;


    }
    .fa-bars::before {

        content: "\f0c9";
        font-size: 3rem;
        color: #faca30 !important;

    }
    img.logo_mobile {
        position: absolute;
        left:40%;
        height: 2rem;
        margin-top: -2.5rem;
    }
    .panel-title {
        padding-top: 5px;
        background: #7f868a;
        color: #faca30;
    }
    .panel-body ul{
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .panel-body ul li {
        line-height: 3rem;
        border-bottom: solid 1px #333;
        padding-left: 5px;
        margin-left: 0 !important;

    }

    ul.breadcrumbs{
        display: none;
    }
    img.img-fluid {

        width: 100%;
        height: auto;
        text-align: center;
    }
}
@media (max-width:480px){
    .sdvig{
        width: 100%;
        margin: 0 auto;
        margin-left: 0;
    }

    .h3, h3 {
        font-size: 1.2rem;
        text-align: center;

    }
    #collapseOne {
        margin-top: -10px;
    }
    .menu_box_list ul {
        padding: 1em 9.5em;
    }
    .m-50 {margin:0 !important;}
    .p-50 {padding:5px !important;}
    .container.top_shadow {
        position: fixed;
        height:4rem;
        margin-bottom: 10px;
        z-index: 200;
        text-align: left;
        padding: 0 !important;
        background: #7f868a !important;
        top: 0;
        margin-top: -5px;
    }
    .panel-body {
        background: #7f868a;
        color: #faca30;
    }
    li {list-style: none;}
    .m_phones{
        position: absolute;
        right: 10px;
        top: 0;
        min-width: 120px;
        width: auto;
        display: block;
        height: 4rem;
        float: right;

    }
    .phone {font-size: 0.8rem !important;
        min-width: 114px;}
    .phone a{
        position: relative;
        width: auto;
        display:block;
        color: #faca30 !important;
        text-align: right;
        font-size: 0.8rem !important;
        right: 7px;
        min-width: 120px;

    }
    .phone2 a{
        position: relative;
        width: auto;
        display: block;
        color: #faca30 !important;
        text-align: right;
        font-size: 0.8rem !important;
        min-width: 120px;


    }
    .fa-bars::before {

        content: "\f0c9";
        font-size: 3rem;
        color: #faca30 !important;

    }

    .social_list a {
        font-size: 28px !important;
        color: #7f868a !important;
    }
    img.logo_mobile {
        position: absolute;
        /*left: 25%;*/
        height: 2rem;
        margin-top: -2.5rem;
    }
    .panel-title {
        padding-top: 5px;
        background: #7f868a;
        color: #faca30;
    }
    .panel-body ul{
    width: 100%;
        padding: 0;
        margin: 0;
    }
    .panel-body ul li {
        line-height: 3rem;
        border-bottom: solid 1px #333;
        padding-left: 5px;
        margin-left: 0 !important;

    }
    span.title {
        color: #faca30;
    }
    ul.breadcrumbs{
        display: none;
    }
    /*#product_image {*/
        /*width: 100%;*/
    /*}*/
    img.img-fluid {

        width: 100%;
        height: auto;
        text-align: center;
    }
}
@media (max-width:320px){
    span.title {
        color: #faca30;
    }
    .sdvig{
        margin: 0 auto;
    }

    .h3, h3 {
        font-size: 1.2rem;
        text-align: center;

    }
    #collapseOne {
        margin-top: -10px;
    }
    a.boxclose {
        right: 15px;
        top: 4px;
    }
    .menu_box_list ul {
        padding: 0em 5.2em;
        margin: 14px 0px;
    }
    .menu_box_list li a {
        padding: 0.4em 0.5em;
    }
    .menu_box_list {
        margin-right: 1em;
    }
    .m-50 {margin:0 !important;}
    .p-50 {padding:5px !important;}
    .container.top_shadow {
        position: fixed;
        height:4rem;
        margin-bottom: 10px;
        z-index: 200;
        text-align: left;
        padding: 0 !important;
        background: #7f868a !important;
        top: 0;
        margin-top: -5px;
    }
    .panel-body {
        background: #7f868a;
        color: #faca30;
        }
    li {list-style: none;}
    .panel-title {
        padding-top: 5px;
        background: #7f868a;
        color: #faca30;
    }
    .fa-bars::before {

        content: "\f0c9";
        font-size: 3rem;
        color: #faca30 !important;

    }
    img.logo_mobile {
        position: absolute;
        left: 30%;
        height: 2rem;
        margin-top: -2.5rem;
    }
    .panel-body ul{
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .panel-body ul li {
        line-height: 3rem;
        border-bottom: solid 1px #333;
        padding-left: 5px;
        margin-left: 0 !important;

    }
    ul.breadcrumbs{
        display: none;
    }
    .m_phones{
        position: absolute;
        right: 10px;
        top: 0;
        width: auto;
        display: block;
        height: 4rem;

    }
    .phone a{
        position: relative;
        min-width: 135px;
        width: auto;
        display:block;
        color: #faca30 !important;

    }
    .phone2 a{
        position: relative;
        min-width: 135px;
        width: auto;
        display: inline-block;
        color: #faca30 !important;
        float: right;


    }
    table td, tr {
        font-size: 0.5rem;
    }
    #product_image {
        width: 100%;
        text-align: center;
    }
    img.img-fluid {

        width: 100%;
        height: auto;
        text-align: center;
    }
}