/* Add here all your CSS customizations */

    body {font-size:16px;}

    hr.dg-primary-short {display: block; height:1px; border-bottom:2px solid #fed03d; background: none; max-width: 300px;} 
    hr.dg-primary-full {display: block; height:1px; border-bottom:2px solid #fed03d; background: none; max-width: 90%;} 
    hr.dg-center {margin:0px auto;}


    #header .header-logo img,  #header.header-narrow .header-logo img  {
        margin : 0px;
    }

    #header .header-logo a { font-size: 30px; color: #03779E; font-weight: bold; text-decoration: none;}
    #header .header-logo a:hover {text-decoration: none;}

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a {
		color: #333333;
        border-radius: 6px;
	}

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li a {
        font-weight: bold;
        border-radius: none;
    }

    .bg-yellow, .bg-primary {background-color: #fed03d;}
    .bg-secondary {background-color: #03779E;}

    .cert-logo {padding: 10px 0px;}
    .cert-logo img {padding: 1px 30px;}

    .page-header-banner {font-size: 50px; padding: 5px 70px 5px 150px;}
    .page-header-css {margin-bottom: 0px;}


    .sec-mission-box { margin: 5px auto 50px;}

    .sec-mission-container {display: inline-block;}

    .sec-mission-circle {
        border-radius:50%; color: #fff; height: 300px; width: 300px; font-size:16px;
        display: table-cell;
        text-align: center;
        vertical-align: middle; 
        margin: 5px auto 50px;
    }

    .sec-mission-circle i {font-size: 60px;}
    .sec-mission-circle h4 {color:#fff; font-size: 20px; font-weight:bold; margin-top: 15px; }
    .sec-mission-circle p {color:#fff; padding:5px 20px;}

    .sec-mission-vision {background-color: #03779E;}
    .sec-mission-mission {background-color: #F59E03;}
    .sec-mission-value {background-color: #EB0D40;}

    .home-abt {padding: 30px 20px; text-align: center; min-height: 300px; color:#fff; margin-bottom:20px;}
    .home-abt h4 {color: #000; text-align: center; text-transform:uppercase; text-decoration: none; }
    .home-abt i {font-size: 50px; margin: 0px auto;}
    .home-abt p {color:#747474; text-align: justify;}

    .pro_thumb_list {}
    .pro_thumb { width: 80px; float: left;}
    .small-thumb:hover {border-color: #7a7a7a; }

    .quality-cert img {border:1px solid #cccccc;}
    .quality-dot {background-color: #03779E; color: #ffffff; border-radius:50%; text-align: center;
        vertical-align: middle; padding: 5px 10px; font-weight: bold;}

    .blue-text {color: #03779E;}

    .box-dimension {height: 70px; }


    .spacer10 {margin-bottom: 10px;}
    .spacer20 {margin-bottom: 20px;}
    .spacer30 {margin-bottom: 30px;}
    .spacer40 {margin-bottom: 40px;}
    .spacer50 {margin-bottom: 50px;}

    /* overwrite start */
    section.section.section-smaller {margin: 10px 0px; padding: 30px 0px;}
    .call-to-action.call-to-action-in-footer:before {border-top: 0px;}
    .call-to-action-content p {color:#fff;}
    .divider.divider-small hr {width: 70px;}

    html .page-header-color.page-header-primary {border-bottom-color: #03779E;}

    html .page-header-color.page-header-primary h1 {color:#03779E }

    html .btn-secondary {
        background-color: #03779E;
        border-color: #03779E #03779E #130d0f;
    }

    .thumb-gallery {margin-bottom: 50px;}
    .thumb-gallery h4 {border-bottom: 2px solid #03779E}

    /* overwrite end */

    #footer {
        font-size: 15px;
        margin-top:30px;
        /*
        background: #F59E03;
        border-top: 4px solid #f4c306;
        */
        /* f4c306 */
    }

    #footer a{color: #f9c001;}
    #footer a:hover{color: #f9c001;}

    #footer p {color: #fff;}
    #footer h4 {margin-bottom: 2px;}
    #footer .divider{text-align: left; display: inline-block; margin-top: 1px; top: -5px;}

    #footer .container .row > div { margin-bottom: 10px;}

    #footer .footer-copyright p {color: #fff; }

    #footer .footer-copyright a {color: #f9c001; }

    #footer .footer-product ul {list-style: none; padding-left:1px;}

    ul.contact li {float: left;}
    ul.contact li p {text-intent: left;}

    .footer-msg {padding-top: 30px;
	padding-bottom: 30px; /*background-color: #03779e;*/  margin-bottom:-50px;}
    .footer-msg p {color:#616161; text-align:center;}
    .footer-msg a {color: #616161; text-decoration:underline;}



@media (max-width: 1200px) {
    .home-abt {padding: 30px 15px; min-height: 350px;}
}

@media (max-width: 757px) {
    .quality-cert img {margin-bottom:25px;}
    .home-abt {padding: 30px 45px; min-height: 0;}
}

@media (max-width: 440px) {

    hr.tall { margin: 22px 0; }

    #header .header-logo a {font-size: 20px;}
    
    .sec-mission-box { margin: 5px auto 10px;}

    
}