/*================== nav bootstrap==========================================*/

@media screen and (max-width: 768px) {
    /*left*/
    .side-collapse-container-left{
        position:relative;
        left:0;
        transition:left .4s;
    }
    .side-collapse-container-left.out{
        left:70%;
    }
    .side-collapse-left {
        top:50px;
        bottom:0;
        left:0;
        width:70%;
        position:fixed;
        overflow:hidden;
        transition:width .4s;
    }
    .side-collapse-left.in {
        width:0;
    }

    /*right*/
    .side-collapse-container-right{
        position:relative;
        right:0;
        transition:right .4s;
    }
    .side-collapse-container-right.out{
        right:50%;
    }

    .side-collapse-right {
        top:80px;
        bottom:0;
        right:0;
        width:50%;
        height: 1000px;
        position:fixed;
        overflow:hidden;
        transition:width .4s;
        background-color: black;
    }
    .side-collapse-right.in {
        width:0;
    }


}


/*====================================ICONTENT==============================================*/
.icontent {font-size:14pt;}

/*=============================BANNER==================================*/

.carousel-caption {padding-right: 20px; right:5%; left:auto; width: 40%; text-align:right; background: rgba(39, 39, 39, 0.8);}

/*=========================== Nav ======================================*/

#navbar_top .navbar-brand img {width:50px; height:50px;}
#navbar_top a {color:#fff;}
#navbar_top a:hover {color: yellow;}
#navbar_top {padding:10px;}
#navbar_top .nav-item {margin:0px 10px;}
#navbar_top .nav-item .nav-link {font-size:14pt;}
#navbar_top .navbar-nav {width:100%;}

/*============================== HOME_Products========================================*/

.pitem_title {margin: 20px 0px;}
.pitem_title h2 {letter-spacing:5px;}
.pitem_title h2 {font-weight:bold;}

.pitem_layout a {text-decoration:none; color:#545454;}
.pitem {height: 200px; border:1px solid #aaa; margin:10px; padding:10px;}

.product_layout {padding:0px; margin:0px;}
.product_layout a {text-decoration:none; color:#545454;}
.pt_item {height: 200px; border:1px solid #aaa; margin:15px; padding:10px;}

.footer_bar {background-color:#083040;}

footer {margin-top:50px;}
footer a {text-decoration:none;color:#fff;}
footer a:hover {color:#fff;}

/*====================================PRODUCTS==============================================*/
.submenu {background-color: #626161; border-radius: 15px;}
.submenu ul {padding:20px; list-style:none;}
.submenu ul li {margin:10px 0px;}
.submenu ul li a {color:#fff; text-decoration:none;}

.submenu h4{margin:0px; color:#fff;border-bottom: 1px dashed #fff;padding-bottom:5px;}

.pdimg {padding:0px;}
.pdimg img{width:100%; border:1px solid #aaa; margin:10px 0px; padding:5px;}

/*==================================kitfontawsome===================================================*/
.fas {margin-right:5px;}
.icontent .butnlist {float:right;}
.icontent .butnlist .fa-youtube {color:red;}

.home_layout {margin:15px 0px;}
.home_about {padding:40px 15px;}