@media screen and (max-width: 1024px) {

    /* header */

    /* .ham {
        display: block;
    } */
    header .navbar {
        display: none;
    }

    /* section one */

    .shopname h5 {
        font-size: 1rem;
    }
    .shopname {
        padding: 10px;
    }
    .footer-nav .navbar-nav {
        grid-gap: 0 50px;
    }
}

/* mobile responsive */

@media screen and (max-width: 768px) {

    h1 {
        font-size: 40px !important;
    }
    .xpadding {
        padding: 0 !important;
    }
    

    /* firstpage */
    
    .firstpage .col-md-6 {
        justify-content: start !important;
    }
	.firstpage {
		padding: 50px 20px;
        height: auto !important;
	}
    .firstpage img {
        height: 80px !important;
    }
    .firstpage button, .firstpage .btn-yel {
        width: 100% !important;
    }
    .firstpage h4 {
        font-size: 1.2rem !important;
    }

    /* section one */
    .flipCard {
        width: 100%;
        justify-content: center !important;
    }
    .flipCard .anim1 {
        width: 40%;
    }
    .flipCard .anim2 {
        width: 50%;
    }
    .flipCard .flipIcons{
        width: 12%;
        margin-left: -20px;
    }
    .section-one .shopinput {
        width: 90vw;
    }

    /* categories */
    .ctgr-section .card {
        height: 60vh;
    }
    .ctgr-section h1 {
        font-size: 30px !important;
    }
    .ctgr-section h2 {
        font-size: 25px !important;
    }
    .ctgr-section h3 {
        font-size: 20px !important;
    }
    .swiperAnim1, .swiperAnim2 {
        width: 35%;
    }
    .animbox2 .add  {
        left: auto;
    }
    .yellowfon {
        height: 55vh !important;
    }
    .swiperDes img {
        height: 100% !important;
        width: 100%;
    }

    /* blocks */

    .blocks-section .card {
        height: auto;
        margin-bottom: 50px;
    }
    .blocks-section .card img {
        height: auto;
    }
    .blocks-section .btn h3 {
        font-size: 1.2rem;
    }
    .orderOne {
        order: 2;
    }
    .orderTwo {
        order: 1;
    }
    .blocks-section .text-center {
        margin-bottom: 50px;
    }

    /* portfolio section */

    .portfolio .btn h3 {
        font-size: 1.2rem !important;
    }
    .portBox img {
        height: 30vh;
    }

    /* video section */

    video {
        width: 90%;
    }
    .turned iframe, .turned .video-overlay {
        height: 250px !important;
    }

    /* question section */

    .questbox h6 {
        font-size: 0.7rem;
    }
    .accordion {
        position: relative;
        width: 100%;
    }

    /* footer */

    .footer-nav .navbar-nav {
        display: block;
    }

    .drops {
        /* float: left; */
        /* display: block !important; */
        /* text-align: left; */
        justify-content: start !important;
    }
    .stor {
        position: absolute;
        bottom: 0;
    }

    /* storera is  */

    .storerais h2 {
        font-size: 2rem !important;
    }
    .storerais .card img {
        width: 100%;
        object-fit: contain;
    }
    .storerais .card {
        margin-bottom: 50px;
    }
    .mobimg {
        display: block;
    }
    .deskimg {
        display: none;
    }
    .firstcard {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
    }

    /* create page */
    .create-section h2 {
        font-size: 2rem !important;
    }
    .create-section h5 {
        font-size: 1rem !important;
    }
    .create-section span {
        font-size: 14px !important;
    }
    .create-section h4 {
        font-size: 1.2rem !important;
    }
    /* videos page */
    
    .videos-section form {
        margin-left: auto;
        margin-right: auto;
    }
    .videos-section .cont {
        height: 200vh;
        overflow-y: auto;
    }
    .turned .card {
        height: 250px !important;
    }
    .videos-section ::-webkit-scrollbar {
        width: 7px;
        height: 7px;
    }
    
    .videos-section ::-webkit-scrollbar-thumb {
        background-color: #D8BAFA;
        border-radius: 7px;
    } 
    
    .videos-section ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #30387a;
        border-radius: 7px;
    }

    /* partners */ 
     .mobpart {
        display: flex;
     }
     .mobpart img {
        width: 100px;
        height: 100px;
     }
     .partner-section .card {
        height: auto !important;
     }
     .partner-section .card p {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
     }
     .partbox {
        padding: 20px;
     }
    /* blog */ 
     .blogMob {
        background-color: #fff;
        padding: 20px 5px;
        margin-right: -15px;
        margin-left: -15px;
     }
     .blog-section .card-body p {
        -webkit-line-clamp: 3;
     }
     .blog-section .btn-dark {
        width: 75%;
     }
    .blogpage .container {
        padding: 0 !important;
    }
    .mobwhite {
        background-color: #fff;
        padding: 20px;
        margin-bottom: 50px;
    }
    .blogpage h2 {
        font-size: 1.2rem;
    }
    .blogpage .socbtn {
        width: 50px;
        height: 50px;
    }
    .blogpage .socbtn  i {
        font-size: 28px !important;
    }
    .carousel-thumbnails .carousel-indicators img, .carousel-thumbnails .carousel-indicators li, .carousel-thumbnails .carousel-indicators .active {
        max-width: 150px !important;
        width: 150px;
        height: 100px;
        object-fit: cover;
    }
    .carousel-thumbnails .carousel-indicators {
        margin-bottom: -140px;
    }
    .carouseldiv {
        margin-bottom: 100px !important;
    }
    .mobblog, .mobblog .orderOne {
        display: flex;
        flex-direction: column;
    }

    /* contact page */
    .contact-section .w-75 {
        width: 100% !important;
    }
    .contact-section h4 {
        font-size: 1.3rem !important;
    }
    /* price page */
    .price-section h2 {
        font-size: 1.5rem !important;
    }
    .pricebox {
        justify-content: center;
    }
    .price-section .w-50 {
        width: 100% !important;
    }

}

@media screen and (max-width: 575px) {
    .video-sec {
        padding: 0 !important;
        margin: 0 !important;
    }
    .video-sec .card {
        border-radius: 0;
    }
    .question-section {
        padding: 0 !important;
        margin: 0 !important;
    }
    .question-section .card {
        border-radius: 0;
    }
    .footer-nav {
        padding: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .container {
        max-width: 920px;
    }
}