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

        ::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        ::-webkit-scrollbar-thumb {
            background: #888;
            border-radius: 10px;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

        .head-img img {
            width: 100%;
            height: 100px;
        }

        .card-sec {
            border: 1px solid gray;
            border-radius: 10px 0px 0px 10px;
            border: 1px solid #ccc;
            overflow: hidden;
            padding-left: 0px;
            padding-right: 0px;
            height: 201px;
        }

        .card-sec:hover {
            box-shadow: 1px 1px 10px 1px gray;

        }

        .in-img-sec {
            float: left;
            padding-left: 0;
            padding-bottom: 0;
        }

        .in-img-sec img {
            height:100%;
            width: 100%;
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
        }

        .in-img-sec :hover {
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
        }

        .content .content-title a {
            font-size: 30px;
            font-weight: 600;
            font-family: sans-serif;
        }

        .content .content-title a:hover {
            text-decoration: none;
        }

        .inline-icons {
            display: inline-block;
            padding: 10px 10px 10px 6px;
            text-align: center;
            cursor: pointer;
        }

        .inline-icons i {
            color: #0094da;
            font-size: 20px;
            text-align: center;
        }

        .inline-icons span {
            font-size: 15px;
        }

        .inline-icons i:hover {
            color: orangered;
        }

        .content-map {
            width: 106%;
            height: 100%;
        }

        .tab-view {
            padding: 5px;
            border: 1px solid lightgray;
            border-radius: 10px;
            overflow: hidden;
        }

        .images ul li {
            list-style-type: none;
            display: inline-block;
        }

        .item img {
            width: 100%;
            height: 150px;
            padding-left: 1px;
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
            display: inline-block;
        }

        .item:hover img {
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
        }

        .mar-left-30 {
            margin-left: -30px;
        }
       
        @media only screen and (max-width: 768px) {
            .mar-left-30 {
                margin-left: 0px;
            }

            .content-map {
                width: 100%;
                height: 100%;
                box-shadow: 1px 1px 10px 1px gray;
            }

            .card-sec {
                box-shadow: 1px 1px 10px 1px gray;
            }
        }

        @media only screen and (max-width: 600px) {
            .mar-left-30 {
                margin-left: 0px;
            }

            .content-map  {
                width: 100%;
                height: 100%;
                box-shadow: 1px 1px 10px 1px gray;
                border-radius: 10px;
                border: 1px solid gray;
            }
            iframe{
                border: 1px solid black ;
            }
            .card-sec {
                box-shadow: 1px 1px 10px 1px gray;
            }
        }         

        .fa-star {
            color: darkorange;
        }

        .restaurants-list {
            overflow-x: hidden;
            overflow-y: scroll;
            height: 150px;
        }

        .rest-list {
            display: inline;
        }

        .rest-name {
            font-weight: 600;
            font-size: 17px;
            cursor: pointer;
        }

        .rest-img img {
            height: 70px;
            width: 100%;
        }

        .header-name {
            cursor: pointer;
            color: #007bff;
        }

        .header-name h5 {
            padding: 3px 0px 0px 5px;
        }

        .events-list .event-name:hover {
            color: orangered;
        }

        .events-list i {
            margin-right: 10px;
        }

        .fun-list,.help-list,.guide-list, .home-food-list,.events-list {
            overflow-x: hidden;
            overflow-y: scroll;
            height: 150px;
        }

        .fun-name,.help-name,.guide-name,.home-food-name,.event-name {
            cursor: pointer;
            color: #203038;
            font-weight: 600;
            font-size: 17px;
        }