body{
            direction: rtl;
            background-color: #d5d5d5; 
        }

        .clearfix:before,
        .clearfix:after {
            content: " ";
            display: table;
        }

        .clearfix:after {
            clear: both;
        }

        .clearfix {
            *zoom: 1;
        }

        .header-container{
            background-image: url("/img/smc-bg.jpg");
            background-position: 50% 0%;
            background-repeat: repeat-x;
        }

        .title a{
            display: block;
            background-image: url("/img/smc.jpg");
            background-repeat: no-repeat;
            background-size: contain;
            background-position: top right;
            width: 100%;
            overflow: hidden;
            text-indent: -9999em;
            height: 121px;

        }

        h1.title{
            margin: 0;
        }

        nav ul {
    		list-style-type: none;
    		margin: 0;
    		padding: 0;
    		overflow: hidden;
    		background-color: #333;
		}

		nav li {
    		float: right;
		}

		nav li a {
    		display: block;
    		color: white;
    		text-align: center;
    		padding: 1em;
    		text-decoration: none;
		}

		nav li a:hover:not(.active) {
    		background-color: #555;
		}

		nav li a.active {
    		background-color: #4CAF50;
		}

        .main-container,
        header {
            width: 90%;
            margin: 0 5%;
        }

        .main {
            background-color: #fff;
        }

        .search-container{
            display: block;
            float: right;
            width: 30%;
            padding: 1em 0;
            font-size: 1.5em;
        }

        .bikeTable{
            padding: 1em 0;
            float: right;
            width: 70%;
        }

        .searchSelect{
            margin: 0.7em;
        }

        .searchSelect label{
            display: inline-block;
            width: 30%;
        }

        .searchSelect select{
            width: 65%;
        }

        .bikeTable .field{
            float: right;
            width: 100%;
            margin: 0.5% 1%;
            border-color: rgba(34, 36, 38, 0.14902);
            padding: 0.7em;
            border-width: 1px;
            border-style: solid;
        }

        .bikeTable .field .label{
            display: inline-block;
            width: 50%;
        }

        .bikeTable .field .value{
            display: inline-block;
            width: 50%;
        }

        @media only screen and (max-width: 479px){
            .title a{
                background-size: cover;
            }

            .searchSelect label {
                display: block;
                width: 100%;
            }

            .searchSelect select{
                width: 100%;
            }

            .search-container{
                width: 100%;
            }

            .bikeTable{
                width: 100%;
            }
        }

        @media only screen and (min-width: 480px) and (max-width: 767px){
            .title a{
                background-size: cover;
            }

            .searchSelect label {
                display: block;
                width: 90%;
            }

            .searchSelect select{
                width: 90%;
            }

            .search-container{
                width: 100%;
            }

            .bikeTable{
                width: 100%;
            }

            .bikeTable .field{
                width: 90%;
            }
        }

        @media only screen and (min-width: 768px) and (max-width: 991px){ 
            .search-container{
                width: 50%;
            }

            .bikeTable{
                width: 50%;
            }

            .bikeTable .field{
                width: 90%;
            }
        }

        @media only screen and (min-width: 992px) and (max-width: 1999px){
            .search-container{
                width: 30%;
            }

            .bikeTable{
                width: 70%;
            }

            .bikeTable .field{
                width: 44%;
            }

            .wrapper {
                max-width: 1026px; /* 1140px - 10% for margins */
                margin: 0 auto;
            }
        }