@media only screen and (max-width:1600px){
    .aside {
        width: 230px;
    }
    .header_rightSect {
        gap: 10px;
    }
    .header__content {
        width: calc(100% - 230px);
        padding: 20px 10px;
    }
    .content_section {
        width: calc(100% - 230px);
    }
    .nav__links {
        padding: 10px;
    }
    .nav__links li a {
        font-size: 15px;
    }
    .loginWrapper {
        height: 700px;
        display: block;
        padding: 18px;

    }
    .loginfield input {
        height: 60px;
    }    
    .flag-input .iti--separate-dial-code .iti__selected-flag {
        height: 60px;
    }
    .loginSect_logo img {
        height: 170px;
        width: 230px;
    }
    .signin-links {
        bottom: -18%;
    }
    .icon_start {
        left: 17px;
        top: 17px;
    }
    .card_body {
        height: 350px;
    }
    .card_header {
        background: #FF8900;
        height: 75px;
    }
    .subscription_card .loginheading {
        font-size: 26px;
        margin: 0 !important;
    }
    .subscription_card .title {
        font-size: 18px;
    }
    .preferencesWrapper .row {
        margin: 0px 18px 20px;
    }
    .subscription_card .cta {
        right: 35%;
        bottom: -6%;
        padding: 14px;
        font-size: 16px;
    }
    .termsModal .modal-body {
        height: 700px;
    }
    .img2 {
        left: 34%;
    }
    .locationDistance .map_details {
        right: 28%;
    }
    .img8 img {
        max-width: 450px !important ;
    }
    .img9 {
        top: 45%;
    }
    .journeyWrapper .subscription_card .cta {
        bottom: -3%;
    }
    #notification_Modal .modal-dialog {
        margin-right: 15rem;
        margin-top: 45px;
    }
}

@media only screen and (max-width:1440px){
    .vacationPlan {
        display: none;
    }
    #toggleIcon {
        display: block;
        max-width: 30px;
    }
    .vacationPlan {
        display: none;
    }
    .category_section {
        width: 100%;
        max-width: 100%;
    }
    .vacationPlan {
        z-index: 111111;
        width: 35%;
    }
    .calendar {
        width: 100%;
    }
    .vacationPlan .places_box {
        width: 100%;
    }
    .close-icon {
        display: block;
        background: none;
        border: none;
        font-size: 26px;
        color: #ff8900;
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
    }
    .spotDetails .cta {
        height: 60px;
    }
    .loginWrapper {
        height: 585px;
    }
    .journeyWrapper .subscription_card .loginheading {
        font-size: 22px;
    }
    .journeyWrapper .title2 {
        font-size: 18px;
    }
}
@media only screen and (max-width:1366px){
    .vacationPlan {
        width: 40%;
    }
    .spotDetails .para {
        line-height: 38px;
    }
    .locationDistance .map_details {
        right: 26%;
    }
}
@media only screen and (max-width:1280px){
    .aside {
        width: 200px;
    }
    .header__content {
        width: calc(100% - 200px);
    }
    .content_section {
        width: calc(100% - 200px);
    }
    .icons img {
        max-width: 18px;
    }
    .detailsWrapper .swiper-slide .detail_slider_img img {
        height: 375px;
    }
    .LoginPage .loginheading {
        font-size: 26px;
        margin: 4px auto;
    }
    .map_details .chats {
        gap: 10px;
        padding: 0;
    }
    .map_details .chats img {
        width: 60px;
        height: 60px;
    }
    .map_details .chats .heading {
        font-size: 26px;
    }
    .title2 {
        font-size: 20px;
    }
    .img8 img {
        max-width: 430px !important;
    }
    .journeyWrapper .subscription_card {
        margin: 20px -5px;
    }
}
@media only screen and (max-width:1200px){
    .logoSect img {
        width: 130px;
        height: 95px;
    }
    .loginWrapper {
        width: 100%;
        margin: 20px;
    }  
    .vacationPlan {
        width: 45%;
    }  
    .loginWrapper {
        height: 585px;
    }
    .preference {
        width: 180px;
        height: 180px;
    }
    .locationDistance .map_details {
        right: 23%;
    }
}

@media only screen and (max-width: 1140px){
    .aside.active {
        z-index: 111;
        left: 0;
        width: 230px;
        background: #000000a8;
    }
    .spotDetails .para {
        line-height: 32px;
    }
     .nav__links li{
        padding-right: 0;

     }
    .menuSect{
        display: block;
    }
    .header__content {
        width: calc(100% - 100px);
    }
    .aside {
        width: 100px;
    }
   
    .aside .all_navLinks li a .icons{
        display: block;
    }
    .aside .all_navLinks li a span{
        display:none;
    }
    .aside.active .all_navLinks li a span{
        display: block !important;
    }
    .aside .all_navLinks li a {
        padding-left: 15px;
    }
   .logoSect img {
        width: 75px;
        height: 55px;
    }
    .aside.active .all_navLinks li a {
        padding-left: 12px;
        font-size: 16px;
        gap: 0;
    }
    .aside .all_navLinks li a {
        padding-left: 38px;
    }
    .content_section {
        width: calc(100% - 100px);
        padding: 20px;
    }
    .header__content {
        height: 100px;
    }
    .aside.active .logoSect a img {
        width: 115px;
        height: 85px;
    }
    .all_navLinks li a .icons {
        width: 24px;
    }
    .nav__links li span {
        display: none;
    }
    .nav__links li .icons {
        display: block;
    }
    /* .nav__links li a {
        justify-content: center;
    } */
    .aside.active .all_navLinks li a span {
        display: block !important;
    }
    .aside.active .nav__links li span {
        display: block;
    }
    .aside.active .nav__links li a {
        justify-content: start;
        height: 45px;
    }
    .nav__links li .active{
        height: 50px;
    }
    .aside.active  .menuclose {
        display: block;
    }
    .menuSect{
        display: block;
    }
    .icons img {
        max-width: 22px;
    }
    .avatar-upload .avatar-preview {
        width: 130px;
        height: 130px;
    }
    .nav__links {
        height: calc(100vh - 135px);
    }
    .searchInput {
        width: 425px;
        height: 55px;
    }
    .vacationWrapper .places_box .title2 {
        font-size: 20px;
    }
    .vacationWrapper .places_box {
        padding: 15px;
    }
    .searchInput .icon_start {
        top: 14px;
    }
    .profileImage img {
        width: 50px;
        height: 50px;
    }
    .notification_icon img {
        height: 40px;
        width: 35px;
    }
    .LoginPage .title {
        font-size: 18px;
    }
    .img2 {
        left: 40%;
    }
}
@media only screen and (max-width: 1024px){
    .custom-search .searchInput {
        width: 100%;
        left: 20px;
        height: 55px;
    }
  .header_leftSect {
        gap: 8px;
        flex-direction: row;
    }
    .gmaps-search .searchInput {
        left: 20px;
        width: 100%;
    }
    #search_type {
        align-items: normal;
        position: relative;
        top: 5px;
        left: 10px;
    }
    .form-check label {
        font-size: 14px;
    }
    .loginheading {
        font-size: 26px;
        margin: 10px auto;
    }
    .chat {
        padding: 16px 10px;
        gap: 8px;
    }
    .group_participants img {
        margin-left: -20px;
    }
    .detailsWrapper .swiper-slide .detail_slider_img img {
        height: 350px;
    }
    .spotDetails .cta {
        height: 55px;
    }
    .termsModal .modal-header {
        height: 60px;
    }
    .modal-title {
        font-size: 26px;
    }
    .locationDistance .map_details {
        right: 20%;
    }
    .img9 {
        left: 50%;
    }
}
@media only screen and (max-width:991px){
    .nav-link .form-switch {
        font-size: 14px;
    }
    .nav-link .form-switch input {
        width: 30px;
        height: 16px;
    }
    .left-border {
        padding: 0px 0px 0px 16px;
        margin-left: 4px;
    }
    .left-border .vacation_details::before {
        left: -28px;
    }
    .vacationWrapper .places_box .title2 {
        font-size: 18px;
    }
    .vacationPlan {
        width: 50%;
    }
    .vacationPlan .left-border .loginfield::before {
        left: -28px;
    }
    .modal .left-border .loginfield::before {
        left: -28px;
    }
    .preference {
        width: 170px;
        height: 170px;
    }
    .preference .title {
        left: 4%;
    }
    .subscription_card .cta {
        right: 39%;
    }
    .add_plan {
        bottom: -18%;
    }
    .schedule_plan {
        margin-bottom: 50px;
    }
}
@media only screen and (max-width: 910px){
   .header_leftSect {
        gap: 20px;
    }
    .aside {
        width: 85px;
    }
    .header__content {
        width: calc(100% - 85px);
    }
    .content_section {
        width: calc(100% - 85px);
    }
    .nav-tabs {
        width: 100% !important;
    }
    .title {
        font-size: 26px;
    }
    .searchInput {
        width: 425px;
        height: 50px;
    }
    .nav__links li a {
        padding: 0px 0px 0px 25px;
    }
    .categorySwiper .btn-group {
        width: 80px;
        height: 80px;
    }
    .header__content {
        height: 85px;
    }
    .searchInput .icon_start {
        top: 12px;
    }
    .searchInput .icon_end {
        bottom: 14px;
    }
    .searchInput {
        width: 320px;
    }
    .chat-img img {
        width: 40px;
        height: 40px;
    }
    .group_participants img {
        margin-left: -28px;
    }
    .send-icons {
        gap: 12px;
    }
    .spotDetails .cta {
        height: 50px;
        font-size: 18px;
    }
    .modal .loginfield input {
        height: 55px;
    }
    .LoginPage .loginheading {
        font-size: 24px;
        margin: 8px auto;
    }
    .img2 {
        left: 63%;
    }
    .map-container .map_details .chat-title .d_flexCenter{
      flex-direction: column;
      align-items: start;
      gap: 0px;
      text-align: start;
    }
    .viewMap .map_details .chat-title .d_flexCenter{
        flex-direction: column;
        align-items: start;
        gap: 0px;
        text-align: start;
      }
    .map_details .chat-title {
        align-items: flex-start;
    }
    .locationDistance .map_details {
        right: 16%;
    }
    .img8 img {
        max-width: 390px !important;
    }

}
@media only screen and (max-width: 767px){
    .back-to-chats {
        display: block;
        background-color: transparent;
        border: none;
        padding: 0;
        cursor: pointer;
    }
    .chat-img img {
        width: 45px;
        height: 45px;
    }
    .aside {
        width: 100px;
        left: -150px;
        z-index: 1;
    }
    .header__content {
        width: 100%;
    }
    .content_section {
        width: 100%;
    }
    .chat_box {
        display: block;
    }
    .message_box {
        display: none;
    }
    .message_box.active {
        display: block;
    }
    .chat_box.hidden {
        display: none;
    }
    .back-to-chats img {
        background: transparent;
        width: 24px !important;
        height: 24px !important;
    }
    .back-to-chats {
        display: block;
        background-color: transparent;
        border: none;
        padding: 0;
        cursor: pointer;
    }
    .title {
        font-size: 24px;
    }
    .feature__restaurant__slider .title {
        font-size: 18px;
    }
    .content_section {
        padding: 10px 15px;
    }
    .profileImage img {
        width: 45px;
        height: 45px;
    }
    .searchInput{
        height: 45px;
        width: 250px;
    }
    .searchInput .icon_start {
        top: 10px;
    }
    .searchInput input {
        margin-left: 32px;
    }
    .icon_end img {
        max-width: 20px;
    }
    .searchInput .icon_end {
        bottom: 12px;
    }
    .notification_icon img {
        height: 35px;
        width: 30px;
    }
    .menuSect a {
        font-size: 26px;
    }
    .icon_start img {
        max-width: 20px;
    }
    .dropdown button {
        width: fit-content;
        height: 45px;
        padding: 6px;
        gap: 5px;
    }
    .loginSect_logo img {
        height: 140px;
        width: 185px;
    }
    .cta {
        height: 55px;
        font-size: 18px
    }
    .loginfield input {
        height: 55px;
    }    
    .signin-links {
        bottom: -28%;
        font-size: 18px;
    }
    .icon_start {
        top: 15px;
    }
    .vacationPlan {
        width: 75%;
    }
    .d_flexSpacebetween .cta {
        padding: 25px;
    }
    .chat-footer-sect {
        height: 70px;
    }
    
    .detailsWrapper .swiper-slide .detail_slider_img img {
        height: 250px;
    }
    .spotDetails {
        margin-top: 8px;
    }
    .detailsWrapper .map_details .d_flexCenter img {
        width: 120px;
        height: 110px;
    }
    .map_details .chats img {
        width: 60px;
        height: 60px;
    }
    .map_details .chats .heading {
        font-size: 22px;
    }    
    .flag-input .iti--separate-dial-code .iti__selected-flag {
        height: 55px;
    }
    .subscription_card .cta {
        right: 44%;
    }
    .map_details {
        max-width: calc(100% - 20px);
        right: 10px;
    }
    .locationDistance .map_details {
        /* right: 45px; */
        padding: 20px;
        /* width: 100%; */
    }
    .img8 img {
        max-width: 360px !important;
    }

}
@media only screen and (max-width: 575px){
    .custom-search .searchInput {
        width: 346px;
        height: 30px;
        position: relative;
        top: 15px;
        left: 0;
    }
    .searchInput .icon_end {
        bottom: 12px;
        top: 0;
    }
    .chat_box .searchInput .icon_start {
        top: 8px;
        left: 10px;
        width: 8px;
    }
    .spot__slider .swiper-slide.swiper-slide-active {
        width: 100% !important;
    }
    #privacyPolicy_Modal h3 {
        font-size: 15px;
        font-weight: 600;
        padding-bottom: 5px;
    }
    #terms_Modal h3 {
        font-size: 15px;
        font-weight: 600;
        padding-bottom: 5px;
    }
    .header__content {
        height: 75px;
    }
    .subscription_card .cta {
        right: 40%;
    }
    .splash_logo {
        width: 350px;
    }
    .preferencesWrapper .row {
        margin: 0px 0px 20px;
    }
    .categorySwiper .btn-group {
        width: 70px;
        height: 70px;
    }
    .menuSect a {
        width: 30px;
        height: 30px;
    }
    
    .gmaps-search .searchInput {
        width: 346px;
        height: 30px;
        position: relative;
        top: 15px;
        left: 0;
    }
    #search_type {
        align-items: normal;
        position: absolute;
        top: 5px;
        left: 57px;
    }
    .form-check label {
        font-size: 13px;
    }
    .form-check input {
        width: 16px;
        height: 16px;
    }
    .dropdown button span {
        display: none;
    }
    .dropdown-toggle::after {
        display: none;
    }
    .header_rightSect {
        gap: 0px;
    }
    .profileImage img {
        width: 40px;
        height: 40px;
    }
    .searchInput input {
        font-size: 14px;
    }
    .searchInput .icon_start {
        top: 2px;
        left: 10px;
        width: 8px;
    }
    .searchInput input {
        margin-left: 25px;
        font-size: 14px;
        width: calc(100% - 55px);
    }
    .link {
        font-size: 16px;
    }
    .feature__restaurant__slider .title {
        font-size: 16px;
    }
        .places_box {
        width: 200px;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
    }
    .places_box button {
        font-size: 14px;
    }
    .cta {
        height: 50px;
        font-size: 16px;
    }
    .loginfield input {
        height: 55px;
    }  
    .loginfield input {
        height: 50px;
    }
    .digit-group {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        width: 100%;
        gap: 10px;
    }
    .digit-group input {
        width: 50px;
        height: 50px;
    }
    .text {
        font-size: 16px;
    }
    .profileWrapper ul li .para {
        font-size: 14px;
    }
    .profileWrapper ul {
        padding: 10px;
    }
    .icon_start {
        top: 10px;
    }
    .icon_start img {
        max-width: 18px;
    }
    .vacationPlan {
        width: 90%;
    }
    .vacationPlan .places_box .title {
        font-size: 18px;
    }
    .vacationPlan .left-border {
        margin-left: 8px;
    }
    .swiper-wrapper {
        gap: 0px;
    }
    p.title.slide-heading {
        width: 100%;
        justify-content: center;
        padding-bottom: 10px;
    }
    .map_details .chats {
        flex-direction: column;
        text-align: center;
        gap: 8px;
        padding: 0;
    }
    .detailsWrapper .map_details .rating {
        justify-content: center;
    }
    .detailsWrapper .map_details .d_flexCenter img {
        width: 95px;
        height: 90px;
    }
    .detailsWrapper .map_details .d_flexCenter {
        justify-content: center;
    }
    .signin-links {
        bottom: -16%;
        font-size: 16px;
    }
    .LoginPage .loginheading {
        font-size: 22px;
    }
    .LoginPage .title {
        font-size: 16px;
    }
    .icon_end {
        bottom: 14px;
    }
    .modal .loginfield input {
        height: 50px;
    }
    .flag-input .iti--separate-dial-code .iti__selected-flag {
        height: 50px;
    }
    .select_category {
        gap: 15px;
        margin: 12px;
    }
    .preference {
        width: 145px;
        height: 145px;
    }
    .preference .title {
        left: -4%;
        font-size: 14px !important;
    }
    .preferencesWrapper .cta {
        width: 90%;
    }
    .add_plan {
        bottom: -10%;
        right: 10px;
    }
    .schedule_plan .loginfield label {
        font-size: 18px;
    }
    .add_plan a img {
        height: 28px;
        width: 28px;
    }
    .add_plan a {
        gap: 6px;
        font-size: 18px;
    }
    .newPlan .d_flexSpacebetween {
        flex-direction: column;
        align-items: flex-start;
    }
    .termsModal {
        max-width: 100% !important;
    }
    .map-container a img {
        max-width: 30px;
    }
    .map_details .chats .heading {
        width: 170px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 18px;
    }
    .map_details .chats .title2 {
        font-size: 16px;
    }
    .map_details .para {
        width: 100%;
    }
    .map_details .chats img {
        width: 50px;
        height: 50px;
    }
    .img8 img {
        max-width: 215px !important;
    }
    .img8 {
        left: 8%;
        top: 24%;
    }
    .img9 {
        left: 58%;
        top: 35%;
    }
    .journeyWrapper li {
        padding: 10px;
    }
    .journeyWrapper .subscription_card .cta {
        right: 38%;
    }
    h5 {
        font-size: 16px !important;
    }
    .journeyWrapper .heading {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }
    iframe {
        height: 580px;
    }
    .detailsWrapper .chats .heading {
        width: 100%;
    }
    .locationDistance .map_details img {
        max-width: 60px;
    }
    .locationDistance .map_details .heading {
        font-size: 26px;
    }
    .locationDistance .map_details {
        padding: 10px;
    }
    #notification_Modal .modal-dialog {
        margin-right: 35px;
    }
    .payment_card:hover {
        width: 85% !important;
    }
    .content_section {
        top: 80px;
    }
}
@media only screen and (max-width: 425px){
    .custom-search .searchInput {
        width: 100%;
        left: -14px;
        top: 11px;
    }
    .gmaps-search .searchInput {
        width: 200px;
        left: -14px;
        top: 11px;
    }
    #search_type {
        top: 5px;
        left: 13px;
    }
    .category {
        font-size: 14px;
    }
    .places_box {
        padding: 6px;
    }
    .details .title {
        font-size: 14px;
    }
    .loginSect_logo img {
        height: 125px;
        width: 170px;
    }
    .ui-slider-horizontal .ui-slider-handle {
        top: -14px;
    }
    .loginheading {
        font-size: 22px;
    }
    .digit-group input {
        width: 45px;
        height: 45px;
    }
    .otpform .title {
        max-width: 100%;
    }
    .otpform .title {
        font-size: 16px !important;
    }
    .vacationWrapper .places_box .title2 {
        font-size: 16px;
    }
    .text {
        font-size: 14px;
    }
    .avatar-upload .avatar-edit input + label {
        width: 40px;
        height: 40px;
    }
    .notification_icon img {
        height: 24px;
        width: 28px;
    }
    .ui-datepicker-header {
        font-size: 16px;
    }
    .vacationPlan .places_box .title {
        font-size: 16px;
    }
    .ui-state-default {
        margin: 6px;
        width: 20px;
        height: 24px;
    }    
    .vacationPlan {
        padding: 15px;
    }
    .vacationPlan .cta {
        height: 40px;
    }
    .send-icons img {
        max-width: 22px;
    }
    .send-icons {
        gap: 8px;
    }
    .loginfield input {
        height: 45px;
        font-size: 14px;
        padding-left: 40px;
    }
    .icon_start img {
        max-width: 15px;
    }
    .cta {
        height: 45px;
    }
    .spotDetails .text {
        font-size: 20px;
    }
    .spotDetails .text {
        font-size: 20px;
    }
    .spotDetails .cta {
        height: 45px;
        font-size: 16px;
    }
    .detailsWrapper .swiper-slide .detail_slider_img img {
        height: 180px;
    }
    .spotDetails .para {
        line-height: 24px;
        font-size: 14px;
    }
    .title2 {
        font-size: 20px;
    }
    .flag-input .iti--separate-dial-code .iti__selected-flag {
        height: 45px;
        width: 80px;
    }
    .flag-sec .loginfield {
        margin-left: 90px;
    }
    .loginForm .iti__arrow {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 8px solid #ffffff;
    }
    .LoginPage .loginheading {
        font-size: 20px;
    }
    .settingWrapper .cta {
        font-family: 'Nunito-Regular';
    }
    .settingWrapper .cta i {
        font-size: 16px;
    }
    .modal-title {
        font-size: 20px;
    }
    .successfull_img img {
        max-width: 35px;
    }
    .successfull_img {
        width: 100px;
        height: 100px;
    }
    .btn-close {
        background-size: 12px;
        width: 22px;
        height: 22px;
    }
    .loginWrapper {
        height: 700px;
        display: block;
        padding: 10px;
    }
    .subscription_card .cta {
        right: 37%;
    }
    .add_plan a {
        font-size: 16px;
    }
    .d_flexSpacebetween .cta {
        padding: 18px;
    }
    .schedule_plan .loginfield label {
        font-size: 16px;
    }
    .para {
        font-size: 14px;
    }
    .map_details .cta{
        font-size: 14px;
    }
    .journeyWrapper li {
        padding: 2px;
    }
    .journeyWrapper .subscription_card .cta {
        right: 32%;
        height: 42px;
    }
    .card_header {
        height: 60px;
    }
    .journeyWrapper .text {
        font-size: 14px;
    }
    .card_body .para {
        font-size: 14px;
        line-height: 20px;
    }
    .msg-sent-img img {
        max-width: 50px;
    }
    .message_box .light_text {
        font-size: 12px;
    }
    .message-sent .para {
        font-size: 14px;
    }
    .message-recieve .para {
        font-size: 14px;
    }
    .chat_day .cta {
        height: 35px;
        font-size: 14px;
        padding: 16px;
    }
    .upload_box a img {
        max-width: 26px;
    }
    .form-check label {
        font-size: 13px;
    }
    .form-check input {
        width: 15px;
        height: 15px;
        margin-top: 0;
    }
    .form-check {
        gap: 6px;
    }
    .locationDistance .map_details {
        width: calc(100% - 80px);
        right: 10%;
        padding: 5px;
        gap: 8px;
    }
    .locationDistance .map_details img {
        max-width: 45px;
    }
    .notificationModal .btn-close {
        width: 30px;
        height: 30px;
    }
}
@media only screen and (max-width: 380px){
        .form-check label {
        font-size: 10px;
    }
    .gmaps-search .searchInput {
        width: 170px;
    }
    .loginheading {
        font-size: 20px;
    }
    .d_flexSpacebetween .cta {
        padding: 18px 10px;
    }
    .loginSect_logo img {
        height: 100px;
        width: 135px;
    }
    .otpform .title {
        font-size: 14px !important;
    }
    .digit-group input {
        width: 40px;
        height: 40px;
    }
    .link {
        font-size: 14px;
    }
    .subscription_card .cta {
        right: 34%;
    }
    .spot__image img {
        height: 100px;
    }
    .places_box .para {
        line-height: 20px;
        font-size: 14px !important;
    }
    .places_box button {
        font-size: 12px;
    }
    .title {
        font-size: 20px;
    }
    .preference {
        width: 125px;
        height: 125px;
    }
    .preference .title {
        left: 5%;
        font-size: 14px !important;
        max-width: 110px;
    }
    .d_flexSpacebetween .cta {
        font-size: 12px;
        padding: 18px 10px;
    }
}
@media only screen and (max-width: 320px){
   
}