.gallery-title
        {
            font-size: 36px;
            color: white;
            font-weight: 500;
            margin-bottom: 70px;
        }
        .gallery-title:after {
            content: "";
            position: absolute;
            width: 7.5%;
            left: 46.5%;
            height: 45px;
            border-bottom: 1px solid #5e5e5e;
        }
        .img-responsive{
            height:265px;
            width:356px;
        }
        .filter-button
        {
            font-size: 18px;
            border: 1px solid #42B32F;
            border-radius: 5px;
            text-align: center;
            color: #42B32F;
            margin-bottom: 30px;

        }
        .filter-button:hover
        {
            font-size: 18px;
            border: 1px solid #42B32F;
            border-radius: 5px;
            text-align: center;
            color: #ffffff;
            background-color: #42B32F;

        }
        .btn-default:active .filter-button:active
        {
            background-color: #42B32F;
            color: white;
        }

        .port-image
        {
            width: 100%;
        }

        .gallery_product
        {
            margin-bottom: 30px;
        }

        /* Top Navigation Shrink On Scroll */

            .navbar-custom {
                background-color: #333;
                margin-top: 10px;
                padding: 20px 0;
                border-bottom: none;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                color: #0258A4 !important;
            }

            .navbar-custom.top-collapse {
                margin-top: 10px;
                padding: 0;
                background-color: #333;
            }

            /* Top Navigation Shrink On Scroll End */

            /* Top Navigation Colors */

            .navbar-custom.top-collapse .navbar-nav>.active>a:focus, 
            .navbar-custom.top-collapse .navbar-nav>.active>a:hover,
            .navbar-custom.top-collapse a:hover {
                color: #FFFFFF !important;
                background-color: none;
            }

            .navbar-custom.top-collapse .navbar-nav>.active>a {
                color: #FFFFFF !important;
                background-color: #014785;
            }

            .hvr-bounce-to-right:before {
                background: #014785;
            }

            .navbar-custom a {
                color: white !important;
            }

            .navbar-custom a:hover {
                color: #014785 !important;
            }

            .navbar-custom.top-collapse a {
                color: #FFFFFF !important;
            }

            /* Top Navigation Colors End */


            /* Toggle Button Colors */

            .navbar-custom .navbar-toggle .icon-bar {
                background-color: #0258A4;
            }

            .navbar-custom.top-collapse .navbar-toggle .icon-bar {
                background-color: #FFFFFF;
            }

            .navbar-custom .navbar-toggle {
                border: 2px solid #0258A4;
            }

            .navbar-custom.top-collapse .navbar-toggle {
                border: 2px solid #FFFFFF;
            }

            .navbar-custom .navbar-toggle:hover,
            .navbar-custom .navbar-toggle:focus {
                background: none;
            }

            /* Toggle Button Colors End */

            /* Progress Animation On Scroll */

            .progressContainer{
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 10px;
                background-color: #FFFFFF;
            }

            .progress{
                height: 10px;
                width: 0%;
                background: black;
                border-radius: 0;
            }

            /* Progress Animation On Scroll End */

            /* Toggle Navigation Border Remove */

            .navbar-collapse {
                border: none;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                -o-box-shadow: none;
                box-shadow: none;
            }

            /* Toggle Navigation Border Remove End */

            /* Sections */


            .section1,
            .section2,
            .section3,
            .section4,
            .section5{
                background-position: center center;
                background-repeat: no-repeat;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
            }
            
            .section1 {
                background-color: #4e4e4e;
                color:white;
                padding-bottom:50px;
            }
            .section2{
                background-color: #676565;
                color:white;
                padding-bottom: 50px;
                padding-top:30px;
            }
            .section3{
                background-color: #4e4e4e;
                color:white;
                padding-bottom: 50px;
                padding-top:30px;
            }
            .section4{
                background-color: #676565;
                color:white;
                padding-bottom: 50px;
                padding-top:30px;
            }
            .section5{
                background-color: #4e4e4e;
                color:white;
                padding-top:50px;
                padding-bottom: 180px;
            }

            /* Sections End */

            /* Google Chrome Scrollbar */

            ::-webkit-scrollbar {
                width: 18px;
            }

            ::-webkit-scrollbar-track {
                background-color: #FFFFFF; 
            }
            
            ::-webkit-scrollbar-thumb {
                background-color: rgb(0, 0, 0); 
            }

            /* Google Chrome Scrollbar End */


            /* Top Navigation Margin & Padding Fix */

            ul.nav.navbar-nav.navbar-right {
                margin: 0px -15px 
            }

            .container-fluid {
                padding-right: 15px;
            }

            /* Top Navigation Margin & Padding Fix End */
            .card-title.ho4{
                text-align:center;
            }
            .card-text.ho4{
                padding-right:40px;
                padding-left:40px;
                text-align:justify;
            }
            .we{
                text-align:justify;font-size:18px;padding-left:150px;padding-right:150px;
            }
            .center{
                text-align:center;
            }
            .tf{
                text-align:center;font-size:26px;
            }
            .vbc{
                text-align:center;font-size:24px;
            }
            .bvz{
                margin-left:150px;margin-right:150px;padding:20px;font-size:24px;border:black 3px solid;
                background-color:white;color:black;text-align:center;
            }
            .padotz{
                padding-left:120px;padding-right:120px;
            }
            .padsz{
                padding-right:60px;padding-left:60px;
            }
            .pdirtt{
                text-align:justify;font-size:18px;padding-left:80px;padding-right:50px;
            }
            .ulpad{
                padding-left:200px;
            }
            .crys{
                text-align:justify;font-size:18px;padding-left:150px;padding-right:150px;
            }
            .ital{
                font-size:16px;text-align:right;font-style:italic;
            }
            .conrt{
                border:black 5px solid;
                background-color: white;color:black
            }
            .padfot{
                padding-top:15px;padding-left:150px;padding-right:150px;
            }
            .fotp{
                padding:20px;
                border:black 3px solid;
                background-color: white;
                color:black;
                text-align:justify;
            }
            @media only screen and (max-width: 600px) {
               .ytdir{
                   max-width:100%;
               }
               .we{
                   padding:10px;
               }
               .bvz{
                   padding:0px;
                   margin:0px;
               }
               .padotz{
                   padding:0px;
               }
               .pdirtt{
                   padding:0px;
               }
               .ulpad{
                   padding-left:50px;
               }
               .crys{
                   padding-left:20px;
                   padding-right:20px;
               }
               .conr{
                   padding-left:20px;
                   padding-right:20px;
               }
               .padfot{
                   padding: 0px;
               }
               footer{
                   margin-right:17px;
               }
            }