* {
            margin: 0;
            padding: 0;
            outline: 0;
        }

        body {
            font-family: Arial, serif;
            color: #000000;
            font-weight: 400;
        }

        div#map_canvas {
            width: 100%;
            float: left;
            height: 515px !important;
            border: 0px solid #cdcdcd;
            box-sizing: border-box;
        }

        .full_back {
            margin: 43px 0 39px 0;
        }

        .reach_right {
            position: absolute;
            top: 176px;
            left: 12px;
            max-height: 391px;
            overflow: auto;
            width: 360px;
            overflow-x: hidden;
            background-color: #f5f5f5;
        }

        .direction-head {
            position: relative;
        }

        .map_full {
            width: 100%;
            box-sizing: border-box;
            float: left;
        }

        .whigo {
            float: left;
            color: black;
            text-transform: uppercase;
            padding: 5px 14px;
            border: 1px solid #cdcdcd;
            box-sizing: border-box;
            font-size: 15px;
            border-right: none;
        }

        input#address {
            font-size: 18px;
          font-family: 'Noto Serif SC', serif;
            color: #363636;
            height: 45px;
            border: 0px solid #cdcdcd;
            width: 615px;
            outline: none;
            float: left;
            box-sizing: border-box;
            padding: 0px 10px 0 10px;
            font-weight: 400; /* line-height: 101px; */
        }

        input.buttonReachUs {
            font-weight: 400;
            width: 115px;
            height: 46px;
            background: #102d7b;
            color: #fff;
            border: 0px solid #717171;
            position: relative;
            margin: 0px 0 0 -25px;
            right: 0px;
            font-size: 17px;
            cursor: pointer;
            transition: all .5s;
            text-transform: capitalize;
            letter-spacing: 1px;
            float:right;
        }

             
        .reach_search_btns {
            width: 100%;
            max-width: 717px;
            margin: 0 auto;
            height: 45px;
            border: 1px solid #102d7b;
        }

        .mapSname {
            font-size: 21px;
            color: #3e2723;
            font-weight: 600;
            padding-bottom: 5px;
        }

        .mapAdd, .mapPh, .mapEmail {
            color: #474747;
            font-weight: 500;
            font-size: 13px;
        }

        body {
            margin: 0;
            padding: 0;
        }
        /*input#address::placeholder {color: #adacac;}
 input#address::-webkit-input-placeholder {  color: #adacac} 
 input#address::-moz-placeholder {  color: #adacac} 
 input#address:-ms-input-placeholder {  color: #adacac} 
 input#address:-moz-placeholder {  color: #adacac}*/

        @media screen and (max-width: 900px) {
            .map_full {
                height: 300px;
                margin: 64px 0 0 0;
            }

            .reach_right {
                position: relative;
                top: 0;
                left: 0;
                width: 100%;
                height: 255px;
                background: none;
            }

            input#address {
                width: 100%;
                margin-bottom: 10px;
            }

            .reach_search_btns {
                width: 100%;
            }

            div#map_canvas {
                height: 296px !important;
            }

            .full_back {
                text-align: center;
            }

            .reach_search_btns {
                max-width: 472px;
                width: 100%;
            }

            input.buttonReachUs {
                float: none;
                margin: 0 auto;
                text-align: center;
            }

        

            .full_back {
                margin: 2px 0 0px 0;
            }

            iframe#idIframe {
                height: 425px !important;
            }
        }

        @media only screen and (min-width : 991px) and (max-width :1024px) {

            
        }

        @media screen and (max-width: 480px) {
            .reach_search_btns {
                max-width: 300px;
            }
        }