body{background-color: #fff; color: #231f20; font-family: 'Raleway', sans-serif; font-size: 16px; font-weight: 400; margin: 0px; padding: 0px;}
html{scroll-behavior:smooth;}

a:focus{outline: none;}
input:focus{outline: none !important; box-shadow: none !important;}

.header-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.logo-wrapper {
    padding: 20px 0px;
}
.logo-wrapper img{
    max-height: 40px;
}
.header-enquiry button{
    background-color: transparent;
    border: 2px solid #d11f2f;
    color: #d11f2f;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 30px;
    text-transform: uppercase;
    transition-duration: 0.3s;

}
.btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #d11f2f;
    border-color: #d11f2f;
    box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 0%);
    border-radius: 0px;
}
.header-enquiry button:hover{
    background-color: #d11f2f;
    color: #fff;
}
.popup-form {
    display: block;
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    padding: 50px;
    z-index: 99999;
}
.popup-form-block {
    background-color: #fff;
    padding: 30px;
    width: 100%;
    max-width: 400px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.banner-section{
    /*background-image: url("../images/banner.jpg");
    background-color: #eee;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/
    position: relative;
}
.banner-img{
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}
.banner-img:after{
    background-color: #000;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .5;
}
.banner-img img{width:100%;height: 100%; object-fit: cover;}
.banner-content {
    padding: 40px 0px;
}
.banner-caption{
    height: 100%;
    display: flex;
    flex-direction: column;
    color: #fff;
    justify-content: center;
}
.banner-caption h2{
    font-weight: bold;
    font-size: 48px;
}
.banner-caption h4{
    font-weight: bold;
}
.banner-caption h4 span{
    background-color: #fff;
    color: #d11f2f;
    padding: 0px 5px;
}
.banner-form {
    background-color: #00000055;
    border: 2px solid #fff;
    color: #fff;
    float: right;
    max-width: 400px;
    padding: 30px;
    width:100%;
}
.banner-form h3, .popup-form h3{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 50px;
    text-align: center;
    text-transform: uppercase;
}
.banner-form h3 span, .popup-form h3 span{
    padding-bottom: 10px;
    position: relative;
}
.banner-form h3 span:after, .popup-form h3 span:after{
    background-color: #d11f2f;
    bottom: 0;
    content: "";
    height:4px;
    left: 0;
    position: absolute;
    width: 40px;
}
.submit-btn {
    background-color: #d11f2f;
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    transition-duration: 0.3s;
}
.submit-btn:hover, .submit-btn:focus{
    background-color: #fff;
    color: #d11f2f;
}
.about-section {
    display: block;
    padding: 60px 0px;
}
.block-heading h3{
    display: block;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px;
    padding-bottom: 10px;
    position: relative;
    text-transform: uppercase;
}
.block-heading h3:after{
    background-color: #d11f2f;
    bottom: 0;
    content: "";
    height:4px;
    left: 0;
    position: absolute;
    width: 40px;
}
.about-content {
    position: sticky;
    top: 0;
}
.about-content p{
    line-height: 30px;
}
.about-feature ul{
    margin: 0px;
    padding: 0px;
}
.about-feature ul li{
    align-items: center;
    background-color: #fff;
    box-shadow: 0px 0px 10px #eee;
    cursor:pointer;
    display: flex;
    list-style: none;
    flex-grow: 1;
    margin-bottom: 20px;
    padding: 20px;
    transition-duration: 0.3s;
    width: 100%;
}
.about-feature ul li:hover{
    background-color: #d11f2f;
    color: #fff;
    transform: translateX(-30px);
}
.about-feature ul li h3{
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    margin: 0px 10px 0px 0px;
}
.about-feature ul li p{
    margin-bottom: 0px;
}
.project-section {
    background-color: #f7f7f7;
    display: block;
    padding: 60px 0px;
}
.project-list {
    display: flex;
    margin: 0px -15px;
}
.project-item {
    background-color: #fff;
    padding: 20px;
    margin: 0px 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
    box-shadow: 0px 0px 10px #ccc;
    width: 33.33%;
}
.project-img{
    display: block;
    position: relative;
}
.project-img img{
    width: 100%;
}
.project-price{
    background-color: #fff;
    bottom:10px;
    color: #d11f2f;
    font-family: 'Roboto', sans-serif;
    position: absolute;
    right: 0;
    padding: 5px 20px;
    line-height: 20px;
}
.project-desc h4{
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
}
.project-desc h5{
    font-size: 14px;
    font-weight: 600;
}
.project-desc p{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}
.project-action {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.project-view{
    background-color: transparent;
    border:2px solid #d11f2f;
    color: #d11f2f;
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
    padding: 10px 20px;
    transition-duration: 0.3s;
    text-transform: uppercase;
    width: 100%;
}
.project-view:hover{
    background-color: #d11f2f;
    color: #fff;
}
.project-visit{
    background-color: #d11f2f;
    border:2px solid #d11f2f;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 20px;
    text-transform: uppercase;
    transition-duration: 0.3s;
    width: 100%;
    border-radius:0px;
}
.project-visit:hover{
    background-color: #c24f4e;
    border:2px solid #c24f4e;
}
.faq-section {
    display: block;
    padding: 60px 0px;
}
.faq-block .accordion-item{
    background-color: #fff;
    border: none;
    box-shadow: 0px 0px 15px #eee;
    margin-bottom: 20px;
}
.faq-block .accordion-button{
    border: none;
    font-weight:bold;
}
.faq-block .accordion-button:not(.collapsed){
    background-color: #f7f7f7;
    box-shadow: none;
    color:#000;
}
.faq-block .accordion-button:focus{
    box-shadow: none;
}
footer{
    padding: 60px 0px;
}
.border-right {
    border-right: 1px solid #a8aaab!important;
}
.project-box h3 {
    font-family: 'Roboto', sans-serif;
    color: #000;
    font-size: 22px;
    font-weight: 400;
}
.project-box h3 span {
    color: #b32322;
    font-size: 37px;
    font-weight: 800;
}
.project-popup{
    background-color: rgba(0,0,0,0.5);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    padding-top:50px; 
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 999;
}
.project-popup-content {
    background-color: #fff;
    height: 100%;
    width: 100%;
    max-width: 1200px;
    overflow-y: auto;
    position:relative;
}
.popup-close {
    color:#fff;
    position: absolute;
    right: 30px;
    top: 10px;
    font-size: 24px;
    cursor: pointer;
}
.project-about {
    padding: 60px;
}
.project-about-slider .owl-dots{
    margin-top: 10px;
    text-align: center;
}
.project-about-slider .owl-dot{
    border: 1px solid #a8a9ad !important;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    margin: 0px 5px;
}
.project-about-slider .owl-dot.active{
    background-color: #d11f2f;
    border-color: #d11f2f !important;
}
.project-cat {
    background-color: #f7f7f7;
}
.project-cat-item {
    background-color: #fff;
    box-shadow: 0px 0px 10px #ccc;
    overflow: hidden;
    padding: 20px;
    display:flex;
    flex-direction: column;
    height: 100%;
}
.project-cat-item h3{
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: bold;
    min-height: 48px;
    flex-grow: 1;
}
.project-cat-item h3 span{
    font-family: 'Raleway', sans-serif; 
    font-size: 16px;
    font-weight: 400;
}
.project-cat-item p{
    margin-bottom: 0px;
}
.price-strip{
    background-color: #f7f7f7;
    color:#d11f2f;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    margin: 10px -20px 20px 0px;
    padding: 3px 15px;
}

.amenities-section {
    padding: 60px 0px;
}
.project-amenities {
}
.amenities-list ul{
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
}
.amenities-list ul li{
    display: flex;
    list-style: none;
    margin-bottom: -1px;
    padding: 20px;
    width: 20%;
    font-weight: bold;
    font-size: 14px;
    position: relative;
    text-align: center;
}
.amenities-item {
    background-color: #fff;
    box-shadow: 0px 0px 10px #ccc;
    display: flex;
    height: 100%;
    padding: 20px;
    align-items: center;
}
.amenities-item p{
    font-size: 14px;
    font-weight: bold;
    margin: 0px;
}
.amenity-icon {
    margin-right: 10px;
}
.amenities-list ul li p{
    margin-bottom: 0px;
}
.amenities-list ul li:nth-child(5n+0):after{
    background-color:transparent;
}
.amenity-note{
    background-color: #f7f7f7;
    font-size: 12px;
    padding: 5px;
    text-align: center;
    margin-top: 20px;
}
.rera-section {
    background-color: #f7f7f7;
    padding: 60px 0px;
}
.rera-detail {
}
.rera-block {
    display: flex;
}
.rera-item {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    margin-right: 30px;
    padding-right: 30px;
    position: relative;
}
.rera-item:after{
    background-color: #ccc;
    content: "";
    display: block;
    height: 30px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}
.rera-item:last-child:after{
    display: none;
}
.rera-desc h4{
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}
.rera-desc p{
    font-size: 14px;
    margin: 0px;
}
.rera-download {
    display: flex;
    align-items: center;
}
.rera-download a{
    align-items: center;
    background-color: #d11f2f;
    color: #fff;
    display: flex;
    justify-content: center;
    height: 30px;
    width: 30px;
}

@charset "UTF-8";@font-face {font-family:"ashiana";src:url("../fonts/ashiana.eot");src:url("../fonts/ashiana.eot?#iefix") format("embedded-opentype"), url("../fonts/ashiana.woff") format("woff"), url("../fonts/ashiana.ttf") format("truetype"), url("../fonts/ashiana.svg#ashiana") format("svg");font-weight:normal;font-style:normal;}[data-icon]:before {font-family:"ashiana" !important;content:attr(data-icon);font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}[class^="icon-"]:before,[class*=" icon-"]:before {font-family:"ashiana" !important;font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.icon-zoom-out:before {content:"\62";}.icon-360:before {content:"\63";}.icon-activities:before {content:"\64";}.icon-age-friendly:before {content:"\65";}.icon-arrow-down:before {content:"\66";}.icon-arrow-left:before {content:"\67";}.icon-arrow-right2:before {content:"\68";}.icon-arrow-right:before {content:"\69";}.icon-arrow-up:before {content:"\6a";}.icon-ashiana-logo:before {content:"\6b";}.icon-available:before {content:"\6c";}.icon-buyer:before {content:"\6d";}.icon-calculator:before {content:"\6e";}.icon-ease-of-process:before {content:"\6f";}.icon-download:before {content:"\70";}.icon-download1:before {content:"\71";}.icon-direction:before {content:"\72";}.icon-dining-facility:before {content:"\73";}.icon-customer-care:before {content:"\74";}.icon-flag:before {content:"\75";}.icon-chat:before {content:"\77";}.icon-car:before {content:"\78";}.icon-cancel:before {content:"\79";}.icon-call:before {content:"\7a";}.icon-call2:before {content:"\41";}.icon-emergency-care:before {content:"\42";}.icon-full-view:before {content:"\43";}.icon-facebook:before {content:"\44";}.icon-floor-plan:before {content:"\45";}.icon-google:before {content:"\46";}.icon-hamburger-menu:before {content:"\47";}.icon-help-ashianan:before {content:"\48";}.icon-visibilty:before {content:"\49";}.icon-history:before {content:"\4a";}.icon-hobby-club:before {content:"\4b";}.icon-image:before {content:"\4c";}.icon-investor-relations:before {content:"\4d";}.icon-linkedin:before {content:"\4e";}.icon-resale-rental:before {content:"\4f";}.icon-more-icon:before {content:"\50";}.icon-query:before {content:"\51";}.icon-profile-login:before {content:"\52";}.icon-price-list:before {content:"\53";}.icon-environment:before {content:"\54";}.icon-pause:before {content:"\55";}.icon-play:before {content:"\56";}.icon-parking:before {content:"\57";}.icon-services:before {content:"\58";}.icon-maintenance-services:before {content:"\59";}.icon-loactaion:before {content:"\5a";}.icon-safety-security:before {content:"\30";}.icon-safety-security2:before {content:"\31";}.icon-search:before {content:"\32";}.icon-seller:before {content:"\33";}.icon-email:before {content:"\34";}.icon-share:before {content:"\35";}.icon-smooth-transaction:before {content:"\36";}.icon-mail-send:before {content:"\37";}.icon-you-tube:before {content:"\38";}.icon-zoom-in:before {content:"\39";}.icon-offices:before {content:"\21";}.icon-share2:before {content:"\22";}.icon-assets-checkbox:before {content:"\76";}.icon-download-1:before {content:"\23";}.icon-active-life:before {content:"\24";}.icon-age-friendly-1:before {content:"\25";}.icon-continue-care:before {content:"\26";}.icon-creating-conviniance:before {content:"\27";}.icon-dining-hall:before {content:"\28";}.icon-direct-deals:before {content:"\29";}.icon-download-2:before {content:"\2a";}.icon-emergency-care-1:before {content:"\2b";}.icon-floor-plan-1:before {content:"\2c";}.icon-green-open-area:before {content:"\2d";}.icon-hassel-free-documents:before {content:"\2e";}.icon-hassel-free-living:before {content:"\2f";}.icon-intelligent-design:before {content:"\3a";}.icon-transparent-transaction:before {content:"\3b";}.icon-transparancy:before {content:"\3c";}.icon-timely-possession:before {content:"\3d";}.icon-sports-facilities-2:before {content:"\3e";}.icon-sports-facilities:before {content:"\3f";}.icon-safe-secure:before {content:"\40";}.icon-maintaince-maagement:before {content:"\5b";}.icon-other-facilities-1:before {content:"\5d";}.icon-other-facilities:before {content:"\5e";}.icon-secured-living:before {content:"\5f";}.icon-club-house:before {content:"\60";}.icon-online-booking:before {content:"\7b";}.icon-icon-video:before {content:"\7c";}.icon-35-years:before {content:"\7d";}.icon-active-senior-living:before {content:"\7e";}.icon-constructed:before {content:"\5c";}.icon-construction-capability:before {content:"\e000";}.icon-direct-sale:before {content:"\e001";}.icon-maintenance-management:before {content:"\e002";}.icon-under-development:before {content:"\e003";}.icon-search-minus:before {content:"\e004";}.icon-search-plus:before {content:"\e005";}.icon-calendar:before {content:"\e006";}.icon-twitter:before {content:"\e007";}.icon-instagram:before {content:"\e008";}.icon-learning:before {content:"\e009";}.icon-badminton:before {content:"\e00a";}.icon-basketball:before {content:"\e00b";}.icon-cctv:before {content:"\e00c";}.icon-cricket:before {content:"\e00d";}.icon-library:before {content:"\e00f";}.icon-tt:before {content:"\e010";}.icon-pool:before {content:"\e011";}.icon-gym:before {content:"\e012";}.icon-swimming-pool:before {content:"\e013";}.icon-tenniss:before {content:"\e014";}.icon-garbage:before {content:"\e015";}.icon-play-area:before {content:"\e016";}.icon-ambulance:before {content:"\e017";}.icon-temple:before {content:"\e018";}.icon-groceries:before {content:"\e019";}.icon-parking-1:before {content:"\e01a";}.icon-board-games:before {content:"\e01b";}.icon-cafe:before {content:"\e01c";}.icon-garden:before {content:"\e01d";}.icon-intercom:before {content:"\e01e";}.icon-meeting:before {content:"\e01f";}.icon-security:before {content:"\e020";}.icon-skating:before {content:"\e021";}.icon-theatre:before {content:"\e022";}.icon-golf-cart:before {content:"\e023";}.icon-transport:before {content:"\e024";}.icon-meditation:before {content:"\e025";}.icon-activity:before {content:"\e026";}.icon-multihall:before {content:"\e027";}.icon-cards:before {content:"\e028";}.icon-sauna:before {content:"\e029";}.icon-yoga:before {content:"\e02a";}.icon-party:before {content:"\e02b";}.icon-lounge:before {content:"\e02c";}.icon-craft:before {content:"\e02d";}.icon-birthday:before {content:"\e02e";}.icon-housekeeping:before {content:"\e02f";}.icon-doctor:before {content:"\e030";}.icon-notice:before {content:"\e031";}.icon-concierge:before {content:"\e032";}.icon-salon:before {content:"\e033";}.icon-laundry:before {content:"\e034";}.icon-bar:before {content:"\e036";}.icon-pharmacy:before {content:"\e037";}.icon-music:before {content:"\e038";}.icon-nurse:before {content:"\e039";}.icon-test1:before {content:"\e03a";}.icon-dummy:before {content:"\e03c";}.icon-power:before {content:"\e03d";}.icon-lamp:before {content:"\e03e";}.icon-vcard:before {content:"\e03f";}.icon-graduation-cap:before {content:"\e040";}.icon-hammer-and-wrench:before {content:"\e00e";}.icon-foosball-1:before {content:"\e04d";}.icon-1:before {content:"\e041";}.icon-4:before {content:"\e035";}.icon-art:before {content:"\e03b";}.icon-baking:before {content:"\e042";}.icon-dance:before {content:"\e043";}.icon-music-1:before {content:"\e044";}.icon-plant:before {content:"\e045";}.icon-readingroom:before {content:"\e046";}.icon-tution:before {content:"\e047";}.icon-flash:before {content:"\e048";}.icon-foosball-1:before {content:"\e050";}

.amenity-icon .icon {
    font-size: 60px;
    background: -webkit-gradient(linear, right bottom, left top, from(#c24e25), to(#f78f20));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: flex;
}

.layout-popup {
    background-color: #fff;
    display: flex;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    justify-content: center;
    height: 100vh;
    overflow-y: scroll;
}
.layout-close {
    cursor: pointer;
    position: fixed;
    top: 10px;
    right: 30px;
    font-size: 24px;
    z-index: 99999;
}
.layout-img {
    display: block;
    width: 100%;
    max-width: 720px;
}
.layout-img img{
    width: 100%;
}
.thank-section {
    padding: 50px 0px;
}
.thank-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 0 15px rgb(0 0 0 / 30%);
    background-color: #fff;
    padding: 30px;
    text-align: center;
    border-radius: 10px;
}
.thank-icon {
    height: 50px;
    width: 50px;
    border-radius: 100%;
    background-color: #eee;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    color: #d11f2f;
}
.thank-card h3 {
    font-weight: bold;
    margin-top: 30px;
}
.thank-card a {
    background-color: #d11f2f;
    display: inline-block;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    padding: 10px 20px;
}


/* Chrome, Safari, Edge, Opera */
.popup-form-block input.form-control::-webkit-outer-spin-button,
.popup-form-block input.form-control::-webkit-inner-spin-button,
.modal-form input.form-control::-webkit-outer-spin-button,
.modal-form input.form-control::-webkit-inner-spin-button,
.banner-form input.form-control::-webkit-outer-spin-button,
.banner-form input.form-control::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.popup-form-block input[type=number].form-control,
.modal-form input[type=number].form-control,
.banner-form input[type=number].form-control {
  -moz-appearance: textfield;
}

@media (max-width: 767px) {
    .header-enquiry {
        position: fixed;
        bottom: 0;
        z-index: 99;
        background: #fff;
        left: 0;
        width: 100%;
        padding: 10px;
        box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
    }
    
    .header-enquiry button {
        width: 100%;
    }
}	






  
@media ( min-width:220px) and ( max-width:319px) {
    .banner-section{background-image: none;background-color: transparent;}
    .banner-img{display: block;}
    .banner-content{padding: 0px;}
    .about-section{padding: 30px 0px;}
    .about-feature ul{flex-wrap: wrap;}
    .about-feature ul li{width: 100%; display: flex; padding: 20px; margin-top: -1px;}
    .about-feature ul li h3{margin-right: 20px;}
    .project-section{padding: 30px 0px;}
    .project-list{flex-wrap: wrap;}
    .project-item{width: 100%;margin-bottom: 20px;}
    .faq-section {padding: 30px 0px;}
    footer{text-align: center; padding: 30px 0px}
    .project-box h3{font-size: 18px;}
    .project-box h3 span{font-size: 24px;}
    .project-about{padding: 30px;}
    .block-heading h3{font-size: 16px;}
    .project-about p{font-size: 14px;}
    .project-cat{padding: 30px;}
}
  

@media ( min-width:320px) and ( max-width:479px) {
    .banner-section{background-image: none;background-color: transparent;}
    .banner-img{display: block;}
    .banner-content{padding: 0px;}
    .about-section{padding: 30px 0px;}
    .about-feature ul{flex-wrap: wrap;}
    .about-feature ul li{width: 100%; display: flex; padding: 20px; margin-top: -1px;}
    .about-feature ul li h3{margin-right: 20px;}
    .project-section{padding: 30px 0px;}
    .project-list{flex-wrap: wrap;}
    .project-item{width: 100%;margin-bottom: 20px;}
    .faq-section {padding: 30px 0px;}
    footer{text-align: center; padding: 30px 0px}
    .project-box h3{font-size: 18px;}
    .project-box h3 span{font-size: 24px;}
    .project-about{padding: 30px;}
    .block-heading h3{font-size: 16px;}
    .project-about p{font-size: 14px;}
    .project-cat{padding: 30px;}
    .amenities-list ul{padding: 0px 30px;}
    .amenities-list ul li{padding:20px; width:100%;}
    .amenities-list ul li:after{display: none;}
    .popup-form{padding: 50px 30px;}
    .project-amenities{padding: 30px;}
    .rera-detail {padding: 30px;}
    .rera-block {flex-wrap: wrap;}
    .rera-item{margin: 10px 0px; padding: 0px; width: 100%;}
}

@media (min-width: 480px) and (max-width: 767px) {
    
}	

@media (min-width: 768px) and (max-width: 979px) {
    
}	

@media (min-width: 980px) and (max-width: 1024px) {
}

@media (min-width: 1024px) and (max-width: 1199px) {
}