.search {
     float: right;
     margin-top: 42px;
}
 .search a {
     border-left: 1px solid rgba(0, 0, 0, 0.2);
     color: #555555;
     float: left;
     padding-left: 17px;
}
 .searchContainer {
     height: 100%;
     left: 0;
     overflow-y: auto;
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 999999999;
     background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0;
     opacity: 0;
     visibility: hidden;
     transform: scale(0.9);
     -webkit-transform: scale(0.9);
     -moz-transform: scale(0.9);
     -ms-transform: scale(0.9);
     -o-transform: scale(0.9);
     -webkit-transition: all 500ms ease-in-out 0s;
     -moz-transition: all 500ms ease-in-out 0s;
     -o-transition: all 500ms ease-in-out 0s;
     -ms-transition: all 500ms ease-in-out 0s;
     transition: all 500ms ease-in-out 0s;
}
 .searchContainer.open {
     opacity: 1;
     visibility: visible;
     transform: scale(1);
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
}
 .searchContainer .container {
     width:1035px;
}
 .searchContainer .heading {
     display: inline-block !important;
     margin-top: 45px;
     padding: 0 12px 0 9px;
     width: 100%;
}
 .searchContainer .heading .close {
     display: inline-block;
     margin-bottom: 40px;
     width: 100%;
}
 .searchContainer .heading .close a {
     color: #b7b7b7;
     float: left;
     font-family: "Raleway",sans-serif;
     font-size: 21px;
     letter-spacing: 0.3px;
     line-height: 2.2;
}
 .searchContainer .heading .close a:hover {
     color: #989898;
}
 .searchContainer .heading .close a img {
     float: left;
     margin-right: 11px;
     opacity: 0.6;
     width: 48px;
}
 .searchContainer .heading .close a:hover img {
     opacity: 1;
}
 .searchContainer input {
     background: #fff none repeat scroll 0 0;
     border: 0 none;
     border-radius: 3px;
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
     font-family: "Raleway",sans-serif;
     font-size: 28px;
     font-weight: 300;
     height: 84px;
     text-indent: 31px;
     width: 100%;
}
 .searchContainer input::-webkit-input-placeholder {
     color:#333;
}
 .searchContainer input::-moz-placeholder {
     color:#333;
}
 .searchContainer input:-ms-input-placeholder {
     color:#333;
}
 .searchContainer input:-moz-placeholder {
     color:#333;
}
 .searchContainer .content {
     display: inline-block;
     margin-top: 50px;
     width: 100%;
}
 .searchContainer .content ul {
     float: left;
     width: 100%;
}
 .searchContainer .content ul li {
     float: left;
     margin: 0 10px 45px;
     width: 23%;
}
 .searchContainer .content ul li a {
     display: block;
}
 .searchContainer .content .thumb {
     overflow: hidden;
     position: relative;
}
 .searchContainer .content .thumb .tag {
     left: 0;
     min-width: 50px;
     padding: 4px 10px 4px 0;
     position: absolute;
     top: 20px;
     z-index: 999;
}
 .searchContainer .content .thumb .tag h3 {
     color: #fff;
     font-family: "Raleway",sans-serif;
     font-size: 12px;
     font-weight: 600;
     letter-spacing: 0.1px;
     padding-top: 2px;
     text-indent: 10px;
}
 .searchContainer .content .thumb img {
     height: 155px;
     object-fit: cover;
     width: 100%;
}
 .searchContainer .content .comment {
     background: #fff none repeat scroll 0 0;
     box-shadow: 6px 3px 10px rgba(0, 0, 0, 0.15);
     color: #fff;
     padding: 15px;
     position: relative;
}
 .searchContainer .content .comment h3 {
     color: #444;
     font-size: 14px;
     font-weight: 500;
     text-overflow: ellipsis;
     text-transform: capitalize;
     white-space: nowrap;
     verflow: hidden;
}