.clear { clear:both;}
a:hover { text-decoration: none;}
.img-responsive { width: 100%;}
/*******************************************************/
/*******************************************************/
.only_web{ display:block !important;}
.only_mobile{ display:none !important;}

@media only screen and (max-width: 1000px) {
.only_web{ display:none !important;}
.only_mobile{ display:block !important;}
}
/*******************************************************/
/*******************************************************/



/*******************************************************/
.pt-10 { padding-top: 10px;}
.pt-20 { padding-top: 20px;}
.pt-30 { padding-top: 30px;}
.pt-40 { padding-top: 40px;}
.pt-50 { padding-top: 50px;}
.pb-10 { padding-bottom: 10px;}
.pb-20 { padding-bottom: 20px;}
.pb-30 { padding-bottom: 30px;}
.pb-40 { padding-bottom: 40px;}
.pb-50 { padding-bottom: 50px;}
.mb-0 { margin-bottom: 0px;}
.mb-10 { margin-bottom: 10px;}
.mb-20 { margin-bottom: 20px;}
.mb-30 { margin-bottom: 30px;}
.mb-40 { margin-bottom: 40px;}
.mb-50 { margin-bottom: 50px;}
.mt-10 { margin-top: 10px;}
.mt-20 { margin-top: 20px;}
.mt-30 { margin-top: 30px;}
.mt-40 { margin-top: 40px;}
.mt-50 { margin-top: 50px;}

.mt-b3 { margin-top: 130px; margin-bottom: 30px;}
.urun_detay { float: right; width: 40%; margin: 10px}
.no-padding { padding: 0px 0px 0px 0px !important;}
.hl_baslik { margin: 0px 0px 0px 10px !important; float: left;}
.hl_ozet { float: left; color: #333; margin-top: 10px; margin-left: 10px;}
.border { border-bottom: 1px solid #e4e4e4 !important; padding-bottom: 20px;}
.hd_img {  height: 54px; }
.cg__text--center p { font-size: 14px !important;}
/*******************************************************/


/*******************************************************/
.dikey_proje { float: right; margin-top: -120px !important; width: 244px !important;}
.b3_icon { width: auto !important;; margin-bottom: 20px;}
.beyaz { color: #ffffff ;}
.sari { color: #ff9c00 ;}
.kahve { color: #866331 ;}
.bh_white { background-color: #f6f6f6!important; }
.urun_baslik { float: left; width: 100%; text-align: left; color: #3b3d47; font-size: 16px; font-weight: 600;
margin: 0px 0px 10px 10px ;}
.yari_gri {

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#151515+0,151515+49,ffffff+50,ffffff+100 */
    background: #151515; /* Old browsers */
    background: -moz-linear-gradient(left, #151515 0%, #151515 50%, #ffffff 50%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #151515 0%,#151515 50%,#ffffff 50%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #151515 0%,#151515 50%,#ffffff 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#151515', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */


}

.logo-ust {
    margin-top: 55px;
}

/*******************************************************/
@media (max-width: 768px) {
    .cg__logoImg{
        width: 150px !important;
        height: 150px !important;
    }
    .site-logo .logo{
        display: block !important;
        height: 70px;
    }
}
@media (max-width: 767px)
{.yemek-bg {

    height: 300px;

}
}


@media (max-width: 640px) {
    .cg__logoImg{
        width: 100px !important;
        height: 100px !important;
    }
    .cg__headerNavbar .cg__headerContainer .cg__topBar{
        height: 40px;
    }
    .cg__menuWrapper .cg__mainMenu-trigger{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .cg__actionBox.cg__actionBox--style1 .cg__actionBox-elem .cg__actionBox-inner{
        padding: 20px;
    }
    .cg__iconbox-titleWrapper h3.beyaz{
        font-size: 18px;
        padding-top: 0;
        margin-top: 0;
    }
    .cg__iconBox.cg__iconBox--style1 .cg__iconbox-icon{
        height: 35px;
    }
    .col-md-3.col-sm-3.cg__paddingT--35{
        padding-top: 10px;
    }
    img.metal-sanayi{
        width: 100px;
        margin: 0 auto;
    }
    .cg__actionBox.cg__actionBox--style1 .cg__actionBox--top{
        margin-top: 0 !important;
    }
    .cg__fleetSection .cg__fleetContainer .cg__fleet-Block{
        padding: 20px 20px 0px 20px;
    }
    .cg__fleetSection .cg__fleetContainer .cg__fleetGallery-container{
        min-height: 0px;
    }
    .mt-b3{
        margin-top: 15px;
    }
    .cg__subHeader .cg__subHeader-contentWrapp{
        padding-top: 100px;
    }
    .cg__subHeader{
        height: 200px;
    }
    .cg__contactSection{
        padding-top: 0;
        padding-bottom: 0;
    }
    .cg__media{
        min-height: 220px;
    }
    #popup_img{
        max-width: 90% !important;
    }
}
.qbtn { background-color: #000000;}