@media (max-width: 1024px) {
    .main_head .navbar-nav .clickD {
        position: absolute;
        right: -5px;
        top: 50%;
        width: 10px;
        height: 5px;
        border-top: 5px solid #fff;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        cursor: pointer;
        display: block;
        background-size: 10px;
        z-index: 9999;
        transform: translateY(-50%);
    }

    .main_head ul.navbar-nav li .clickD+.sub-menu {
        opacity: 0;
        visibility: hidden;
    }

    .main_head ul.navbar-nav li .clickD.toggled+.sub-menu {
        position: absolute;
        top: 100%;
        opacity: 1;
        visibility: visible;
    }

    .in_imgbox {
        height: 140px;
        position: relative;
        border-radius: 20px;
        margin-bottom: 20px;
    }

    .in_shop .file-upload .wall {
        padding-right: 10px;
    }

    .in_shop .file-upload .wall .frame_details p {
        font-size: 15px;
    }

    .main_sec {
        padding-top: 155px;
    }

    .in_grid {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}



@media (min-width: 1200px) and (max-width: 1399px) {
    .container {
        width: 100%;
        max-width: 1170px;
    }

    .product .slick-next {
        right: 0px;
    }

    .product .slick-prev {
        left: -15px;
        z-index: 9;
    }

    .product .slick-slide {
        padding: 0 10px;
    }

    .product .slick-track {
        margin: 0 -10px;
    }

    .testmonial .slick-next {
        right: 15px;
    }

    .testmonial .slick-prev {
        left: -15px;
    }
}


@media (max-width: 1199px) {

    .container {
        width: 95%;
    }

    .navbar li a {
        padding: 10px 8px;
    }

    .logreg {
        padding-left: 10px;
    }

    a.rd-btn {
        padding: 10px 30px !important;
    }

    .bnrcap .leftcap h1 {
        font-size: 45px;
        line-height: 55px;
    }

    .bnrcap .leftcap p {
        font-size: 20px;
    }

    .size .guide ul li a {
        font-size: 16px;
        padding: 21px 4px;
    }

    .product .slick-next {
        right: 8px;
    }

    .product .slick-prev {
        left: -15px;
        z-index: 1;
    }

    .potfolio {
        padding: 60px 0;
    }

    .size {
        padding-bottom: 60px;
    }

    .product {
        padding-bottom: 60px;
    }

    .testmonial {
        padding-bottom: 60px;
    }

    footer {
        padding: 30px 0;
    }

    .testmonial .testoutr .itmbox {
        padding: 40px;
    }

    .testmonial .slick-prev {
        left: -30px;
    }

    .testmonial .slick-next {
        right: -32px;
    }

    .testmonial .slick-slide {
        padding: 0 10px;
    }

    .testmonial .slick-track {
        margin: 0 0px;
    }

    footer h6 {
        font-size: 18px;
    }

    .footlogo img {
        width: 100%;
    }



}

@media (max-width: 991px) {
    .navbar-collapse .inner_div_in {
        display: block;
    }

    .header-top ul li {
        margin-right: 30px;
    }

    header._header._menu_fixed.animated.fadeInDown {
        position: sticky;
        top: -2px;
        z-index: 999;
        background-color: #fff;
        box-shadow: 0px 0px 20px 0px rgba(35, 34, 35, 0.11);
        padding: 10px 0;
        padding-top: 15px;
    }

    ._mob-menu-hdr img {
        width: 100%;
    }

    .enquBtn {
        padding-left: 0px;
    }

    .enquBtn select {
        font-size: 13px;
    }

    .enquBtn a {
        font-size: 15px;
        font-weight: 500;
        color: #ff5c0c;
        padding: 9px 25px;
        background-color: #fff;
        transition: 0.5s;
    }

    .navbar-toggler-icon .bar {
        background: #fdc300;
    }


    .navbar-collapse {
        background: #f5be07;
        height: 100vh;
    }

    .navbar .navbar-nav>li {
        padding: 0px 0;
    }

    .navbar li ul li a {
        padding: 0 15px;
    }

    ul.sub-menu li {
        padding: 5px 0;
    }

    .sub-menu li:not(:last-child) a {
        border-bottom: 0;
    }

    .navbar .navbar-nav>li:hover .clickD {
        color: #fff;
    }

    .navbar li a:hover {
        color: #fff;
    }

    .sub-menu li a {
        font-size: 11px;
    }

    /* .navbar .navbar-nav > li .clickD.toggled{
        top: 15px;
    } */

    .navbar li a {
        color: #fff;
        padding: 14px 13px;
    }

    .header-top {
        padding: 15px 10px;
    }

    .header-top.inr_header {
        padding: 15px 10px;
    }

    .container {
        width: 95%;
        max-width: 95% !important;
    }

    .navbar-toggler {
        padding: 0;
        padding-right: 28px;
    }

    .logo {
        width: auto;
        margin: 0;
    }

    .bnrcap {
        padding-top: 35px;
    }

    .bnrcap .leftcap br {
        display: none;
    }

    .bnrcap .leftcap h1 {
        line-height: 45px;
    }

    .bnrcap .leftcap p {
        padding-bottom: 20px;
    }

    .bnrcap .leftcap ul li .ctent {
        width: 70%;
        box-shadow: rgba(17, 17, 26, 0.1) 5px -12px 13px -12px;
    }

    .bnrcap .leftcap ul li {
        margin-bottom: 25px;
    }

    .cenBnr {
        overflow: inherit;
    }

    header._header._menu_fixed.animated.fadeInDown .navbar-collapse {
        left: 0;
    }

    a.rd-btn {
        color: #000 !important;
    }

    .topbg {
        padding-bottom: 50px;
    }

    .potfolio {
        padding: 50px 0;
    }

    .size {
        padding-bottom: 30px;
        padding-top: 30px;
    }

    h5 {
        font-size: 40px;
    }

    h2 {
        font-size: 35px;
        padding-bottom: 15px;
    }

    .size .guide {
        padding-top: 15px;
    }

    .product .slick-track {
        margin: 0;
    }

    .product .slick-prev {
        left: -25px;
    }

    .product .slick-next {
        right: -25px;
    }

    .product {
        padding-bottom: 20px;
    }

    .testmonial {
        padding-bottom: 20px;
    }

    footer ul.footso {
        padding-bottom: 15px;
    }

    .copyright ul li {
        padding-left: 30px;
    }

    /* About page Indrajit 31.10.23  */
    /* Contact page Indrajit 31.10.23  */
    .in_contact_form .in_form_box {
        padding: 0 20%;
    }

    /* Contact page Indrajit 31.10.23  */
    .size.shopsize {
        padding: 60px 0;
    }

    .file-upload {
        width: 100%;
    }

    .file-upload h3 {
        font-size: 35px;
    }

    .in-innerbox img {
        height: 350px;
    }

    .in_imgbox {
        height: 200px;
        position: relative;
        border-radius: 20px;
        margin-bottom: 20px;
    }

    .bnrcap .leftcap p {
        font-size: 25px;
    }

    .in_shop .file-upload .wall {
        height: calc(100% + 100px);
        /* margin-top: 130px; */
    }

    .in_shop .file-upload .frm-bot {
        top: 90px;
    }

    .in_shop .file-upload .upload_section {
        height: calc(100% + 100px);
    }

    .in_shop .file-upload {
        padding-bottom: 100px;
    }

    .in_shop .rd-btn {
        margin-top: 170px;
    }

    .in_shop .file-upload .canvas_section {
        height: calc(100% + 100px);
    }

    .logo img {
        width: 65%;
    }

    header._header._menu_fixed.animated.fadeInDown {
        padding: 5px 0 !important;
        padding-top: 5px !important;
    }

    .footlogo img {
        width: 60%;
    }

}

@media (max-width: 768px) {
    .afterbe1 .carousel-control-ri {
        right: -6%;
    }

    .afterbe1 .carousel-control-le {
        left: -6%;
    }

    .potfolio .afterbe1 {
        width: 95%;
        height: auto;
    }

    .cenBnr {
        padding: 30px 10px;
    }
}

@media (max-width: 767px) {

    .header-top div {
        display: flex;
        /* flex-direction: column; */
        justify-content: start;
        align-items: center;
    }

    .header-top-settings ul {
        justify-content: center;
        padding-top: 5px;
    }

    .bnrcap .leftcap h1 {
        font-size: 35px;
    }

    .bnrcap {
        padding-right: 30px;
    }

    .size .guide ul li a {
        margin: auto;
    }

    .prooutr {
        padding-top: 15px;
    }

    footer a.footlogo img {
        width: auto;
    }

    footer form input[type=submit] {

        bottom: 9px;
    }

    footer h6 {
        font-size: 18px;
    }

    .testmonial .slick-prev {
        left: -7px;
        z-index: 1;
    }

    .testmonial .slick-next {
        right: -7px;
    }

    /* about section Indrajit 31.10.23 */
    .in_about_title h2 {
        font-size: 32px;
        padding-bottom: 10px;
    }

    .in_about_us,
    .in_we_discuss {
        padding: 15px 0;
    }

    .in_about_us h4,
    .in_we_discuss h4 {
        font-size: 30px;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .in_about_us p,
    .in_we_discuss p {
        font-size: 16px;
        padding-bottom: 15px;
    }

    .in_abt_bottom h2 {
        font-size: 28px;
        padding-bottom: 15px;
    }

    .in_abt_bottom p {
        font-size: 16px;
        padding-bottom: 15px;
        text-align: center !important;
    }

    .in_abt_bottom button {
        font-size: 16px;
        margin-top: 15px;
    }

    .in_row {
        flex-direction: column-reverse;
    }

    /* about section Indrajit 31.10.23 */

    .in_address .in_adress_section ul li .in_add_box .in_cont_details h2 {
        font-size: 20px !important;
        padding: 0 !important;
    }

    .in_contact_heading h2 {
        text-align: center;
        font-family: "Aeonik";
        font-weight: bold;
        font-size: 32px;
        color: #000;
        padding-bottom: 30px;
        padding: 30px 0 !important;
    }

    .in_contact_heading p {
        text-align: start;
        font-family: "Aeonik";
        font-weight: 400;
        font-size: 16px;
        color: #000;
        padding-bottom: 15px;
        text-align: center !important;
    }

    .in_address .in_adress_section ul li .in_add_box .in_cont_details p {
        text-align: start;
        font-family: "Aeonik";
        font-weight: 400;
        font-size: 16px;
        color: #000;
        padding-bottom: 15px;
        padding-bottom: 0 !important;
    }

    .in_contact_form .in_form_box h2 {
        text-align: start !important;
        color: #fff !important;
        padding-top: 60px;
        font-size: 40px;
    }

    /* Indrajit 31.10.23 */
    .size.shopsize {
        padding: 50px 0;
    }

    .in-innerbox img {
        height: 275px;
    }

    .header-t {
        width: 50%;
    }

    .in_shop .file-upload .wall {
        margin-top: 130px;
    }

    .in_shop .rd-btn {
        margin-top: 125px;
    }

    .in_shop .file-upload #size-changers {
        z-index: 500;
    }

    .bnrcap {
        margin-top: 0;
    }

    .leftcap {
        padding-top: 30px;
    }
}

@media (max-width: 575px) {
    .rotate-backdrop_in {
        display: block;
    }

    .topbg {
        padding-top: 115px;
    }

    ._header {
        top: 50px;
    }

    .header-top div ul {
        flex-direction: column;
    }

    .header-top div ul li {
        margin-right: 0;
        padding-bottom: 0;
    }

    .header-t:last-child ul li {
        margin-left: 0;
    }


    ._mob-menu-hdr img {
        width: 100;
    }

    .navbar {
        height: 66px;
        padding: 0 10px;
    }

    .navbar-toggler {
        padding-right: 8px;
    }

    .logo {
        width: 40%;
        margin: 0;
    }

    .navbar-brand {
        margin-right: 0;
        margin-left: 0;
    }

    .bnrcap {
        padding-top: 0;
        padding-right: 15px;
    }

    .bnrcap .leftcap h1 {
        font-size: 28px;
        line-height: 32px;
        padding-bottom: 15px;
    }

    .bnrcap .leftcap p {
        font-size: 16px;
    }

    .bnrcap .leftcap ul li {
        margin-bottom: 15px;
        flex-direction: column;
        align-items: flex-start;
    }

    .bnrcap .leftcap ul li .icon {
        display: none;
    }

    .bnrcap .leftcap ul li .icon img {
        padding-right: 0;
        padding-bottom: 10px;
    }

    .bnrcap .leftcap ul li .step {
        margin-bottom: 10px;
    }

    .bnrcap .leftcap ul li .ctent {
        width: 100%;
        font-size: 15px;
        padding: 10px;
        display: flex;
        align-items: center;
    }

    .mobile_i {
        display: block;
        padding-right: 10px;
        flex: 0 0 auto;
        max-width: 100%;
        height: auto;
    }

    .bnrcap .rightimg img {
        /* border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px; */
    }

    .potfolio {
        padding: 0;
    }

    h2 {
        font-size: 30px;
    }

    h5 {
        font-size: 33px;
    }

    .size .guide .col-lg-3 {
        margin-bottom: 15px;
    }

    .product .slick-prev {
        left: 0px;
    }

    .product .slick-next {
        right: 0px;
    }

    .testmonial .testoutr .itmbox {
        padding: 35px 20px;
    }

    .testmonial .testoutr .itmbox p {
        font-size: 15px;
    }

    .copyright {
        padding: 15px 0;
    }

    .copyright ul li {
        padding-left: 10px;
    }

    /* about section Indrajit 31.10.23 */
    .in_about_title h2 {
        font-size: 28px;
        padding-bottom: 10px;
    }

    .in_about_us,
    .in_we_discuss {
        padding: 15px 0;
    }

    .in_about_us h4,
    .in_we_discuss h4 {
        font-size: 26px;
        padding-bottom: 15px;
        padding-top: 15px;
    }

    .in_about_us p,
    .in_we_discuss p {
        font-size: 15px;
        padding-bottom: 15px;
    }

    .in_abt_bottom h2 {
        font-size: 28px;
        padding-bottom: 15px;
    }

    .in_abt_bottom p {
        font-size: 15px;
        padding-bottom: 15px;
    }

    .in_abt_bottom button {
        font-size: 16px;
        margin-top: 10px;
    }

    /* about section Indrajit 31.10.23 */
    /* contact section Indrajit 31.10.23 */
    .in_contact_form .in_form_box {
        padding: 0 15%;
    }

    /* contact section Indrajit 31.10.23 */
    .size.shopsize {
        padding: 40px 0;
    }

    .size.shopsize button {
        margin-top: 20px;
    }

    .file-upload h3 {
        font-size: 30px;
    }

    .in-innerbox .before_in {
        z-index: 10;
        /* background-color: #fff; */
        position: absolute;
        padding: 6px 5px;
        top: 10px;
        left: 15px;
        border-radius: 10px;
        width: 50px;
        text-align: center;
        font-size: 10px;
    }

    .in-innerbox .after_in {
        z-index: 10;
        /* background-color: #fff; */
        position: absolute;
        padding: 6px 5px;
        top: 10px;
        right: 15px;
        border-radius: 10px;
        width: 50px;
        text-align: center;
        font-size: 10px;
    }

    .afterbe1 .carousel-control-le {
        position: absolute;
        z-index: 100;
        left: -10%;
        top: 50%;
        transform: translateY(-50%);
    }

    .afterbe1 .carousel-control-ri {
        position: absolute;
        z-index: 100;
        right: -10%;
        top: 50%;
        transform: translateY(-50%);
    }

    .in_imgbox {
        height: 130px;
        position: relative;
        border-radius: 20px;
        margin-bottom: 20px;
    }

    .in-innerbox img {
        height: 215px;
    }

    .header-top .header-t:first-child {
        padding-left: 0 !important;
    }

    .cenBnr {
        padding: 25px;
    }

    .rightimg .col-6.px-3:nth-child(even) {
        padding-right: 0 !important;
    }

    .rightimg .col-6.px-3:nth-child(odd) {
        padding-left: 0 !important;
    }

    .header-top .header-t:last-child {
        padding-left: 0;
        width: 100%;
        justify-content: start;
    }

    ._menu_fixed .navbar {
        top: 0;
    }

    .in_grid {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .in_contact_form {
        overflow: hidden;
    }

    footer ul.footmenu li a {
        font-size: 12px;
    }

    .copyright p {
        font-size: 13px;
    }

    .copyright ul li a {
        font-size: 12px;
    }

    .header-top .d-flex.justify-content-between {
        display: block !important;
    }

    .header-top ul li a,
    .header-top ul li address {
        font-size: 12px;
    }

    .header-t:last-child ul li span {
        font-size: 12px;
    }

    .header-top {
        padding: 7px;
    }
}

@media (max-width: 390px) {

    .in-innerbox img {
        height: 145px;
    }

    .navbar-brand {
        margin-right: 0;
        margin-left: -30px;
    }

    .bnrcap {
        background-color: #fff;
        margin-top: 0;
        border-radius: 15px;
        padding: 25px;
    }

    .bnrcap {
        padding: 0;
    }

    .in_imgbox {
        height: 80px;
        position: relative;
        border-radius: 20px;
        margin-bottom: 20px;
    }

    .in_imgbox .tagline p {
        transform: skew(10deg, -8deg);
        font-size: 10px;
    }

    .in_imgbox .tagline {
        position: absolute;
        top: 10px;
        left: 7px;
        background-color: #000;
        display: inline-block;
        color: #fff;
        padding: 3px 5px;
        border-radius: 7px;
        min-width: 50px;
        text-align: center;
        font-size: 16px;
        font-family: "Freestyle Script";
    }

    .leftcap {
        padding: 0 20px;
    }

    .potfolio {
        padding: 0;

        h2 {
            font-size: 28px;
            margin-top: 24px;
        }
    }

    .header-t {
        display: block;
        width: 100%;
    }

    .header-top div {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: start;
    }

    .header-top .header-t:last-child {
        padding-left: 0;
    }

    .navbar {
        height: 66px;
        top: -56px;
        padding: 0 15px;
    }

    .cenBnr {
        padding: 0;
        padding-bottom: 20px;
    }

    .bnrcap .leftcap ul li .step {
        width: 60px;
        height: 60px;
    }

    .bnrcap .leftcap ul li .step b {
        font-size: 26px;
    }

    .bnrcap .leftcap p {
        font-size: 13px;
    }

    .bnrcap .leftcap ul li .ctent {
        font-size: 13px;
    }

    h2 {
        font-size: 28px;
    }

    .in_shop .file-upload .upload_section .up_div {
        height: 270px;
    }

    .in_shop .file-upload .upload_section {
        height: calc(100% + 30px) !important;
    }

    .in_shop .file-upload .wall {
        margin-top: 75px;
    }

    .in_shop .file-upload .canvas_section {
        height: calc(100% + 10px) !important;
    }

    .in_shop .file-upload .wall {
        height: calc(100% + 130px);
    }

    .afterbe1 .carousel-control-le button {
        height: 20px;
        width: 20px;
    }

    .afterbe1 .carousel-control-ri button {
        height: 20px;
        width: 20px;
    }

}

@media (max-width: 320px) {

    .afterbe1 .carousel-control-ri button {
        height: 25px;
        width: 25px;
    }

    .afterbe1 .carousel-control-le button {
        height: 25px;
        width: 25px;
    }

    .header-top ul li a,
    .header-top ul li address {
        font-size: 13px;
    }

    .header-t:last-child ul li span {
        font-size: 13px;
    }

    .in_shop .file-upload .upload_section .up_div {
        height: 200px;
    }

    .in_shop .up_ratio {
        min-width: 110px !important;
    }

    .in_shop .file-upload .wall {
        padding-right: 0;
    }

    .in_shop .file-upload .wall .frame_details p {
        font-size: 14px;
    }
}