.content{
        width: 40%; margin:40px 30%; padding: 60px 40px 100px 40px;background:#fff;float:left;
    }
        /* Basic styling for the suggestions dropdown */
        .suggestions {
            border: 1px solid #ccc;
            max-height: 150px;
            overflow-y: auto;
            position: absolute;
            z-index: 1000;
            width: 29%;
            background-color: #fff;
            color:#000;
            text-align:left;
        }
        .suggestions div {
            padding: 10px;
            cursor: pointer;
        }
        .suggestions div:hover {
            background-color: #f0f0f0;
        }
    
        	@media (max-width: 992px) {
            
            .suggestions {
            width: 44%;
            text-align:left;
        }
			    
			    .content{
                    width: 90%; margin-top:10px; margin-left: 5%; margin-right: 2%;padding: 50px 5px;
			    }
        	    
        	}
			
			@media (max-width: 852px) {

            .content{
                width: 70%; margin-top:10px; margin-left: 15%; padding: 50px 5px;
			    }
			    
			    .suggestions {
                    width: 69%;
                }

			}
			
			@media (max-width: 576px) {
			    	    
			    .content{
                    width: 90%; margin-top:10px; margin-left: 5%; margin-right: 2%;padding: 50px 5px;
			    }
			    
			    .suggestions {
                    width: 88%;
                }
                
                .pc_video{
                    display:none;
                }
                
                .mobile_video{
                    display:block;
                }
			}
    </style>