/* mobile (SE)*/
@media only screen and (max-width: 390px) {
    /* -----------------------------
                INDEX
      -------------------------------*/

    /* header start */
    .headerbg {
        background-color: var(--backgroundbg);
        color: var(--headtext);
        border-bottom: 1px solid var(--primarycolor);
    }
	.headerbg img{
	width:12%;
}
.NcLOGO {
    display: flex;
    align-items: center;
    text-decoration: none;
    gap: 14px;
	width:60%;
}
.NcLOGOTxt {
    font-family: var(--artegra_sans_extended);
    color: #b29775;
    text-decoration: none;
    animation: slideInFromLeft 0.8s ease-out;
    margin-bottom: 0;
    font-size: 20px;
}

    .mobnone {
        display: none !important;
    }

    .dispblock {
        display: block !important;
    }

    .mobIcn {
        display: flex !important;
        align-items: center !important;
        font-size: 28px;
        gap: 15px;
        color: #979797;
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: column;
        gap: 14px;
    }

    .submitcenetr {
        display: flex !important;
        flex-basis: auto;
        justify-content: center;
        width: 100%;
        flex-direction: column;
    }
	.mobIcn a{
			display: flex !important;
			text-decoration:none;
			align-items:center;
		}
		.navbar-toggler:focus { 
		  text-decoration: none; 
		  outline: 0; 
		  box-shadow: 0 0 0 0.1rem;
		}

		.navbar-toggler.collapsed:focus {
		  box-shadow: none !important;
		}
		
		.paddingLR {
    padding: 0 10px;
}
.dropdown .dropdown-menu {
    background: #141414 !important;
}

    /* header end */

    /* brand start */
    .Jewelrybrandtext {
        position: absolute;
        top: 13%;
        text-align: center;
        padding-right: 31%;
    }

    .Jewelrybrandtext h1 {
        font-size: 23px;
    }

    /* brand end */

    /* Unparalleled Quality start */
    .UnparalleledQualitytext {
        position: absolute;
        top: 6%;
        padding-right: 17%;
    }

    .UnparalleledQualitytext h1 {
        font-size: 22px;
        color: var(--primarycolor);
    }

    .UnparalleledQualitytext p {
        color: var(--headtext);
        font-size: 12px;
        font-weight: 900;
        margin-bottom: 3px;
    }

    .viewmore {
        border: 2px solid var(--headtext);
        font-size: 10px;
        font-weight: 900;
        color: var(--primarycolor) !important;
        padding: 5px 16px;
    }

    /* Unparalleled Quality end */

    /* Comprehensive Services start */
	.comserviceimg{
		position:relative;
	}
	.comserviceimg img {
    position: absolute;
    left: -40%;
    max-width: 208px;
   }
    .Services {
        position: relative;
        padding: 50px;
        background: #000;
    }

    .serviceimg {
        position: absolute;
        top: 18%;
        left: 0;
        width: 40%;
    }

    .serImg {
    /* padding-right: 42px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
}

    .border {
        border: 1px solid var(--primarycolor) !important;
        position: absolute;
        top: 10%;
        left: 15%;
        right: 15%;
        padding: 0;
    }

    .botpadding80 {
        padding-bottom: 0px !important;
    }

    .Servicestext {
        padding-top: 20px !important;
        padding-bottom: 0px !important;
    }

    .Servicestext h1 {
        font-size: 18px;
        color: var(--primarycolor);
    }

    .Servicestext p {
        color: var(--headtext);
        font-size: 10px;
        font-weight: 900;
    }

    /* Comprehensive Services end */

    /* Unmatched Craftsmanship start */
    .Craftsmanshiptext h1 {
        font-size: 20px;
        color: var(--primarycolor);
    }

    .Craftsmanshiptext p {
        color: var(--headtext);
        font-size: 10px;
        font-weight: 600;
        width: 60%;
    }

    /* Unmatched Craftsmanship end */

    /* Trusted Excellence start */
    .Trusted {
        background-color: var(--backgroundbg);
        position: relative;
        padding: 60px 0 80px 0;
    }

    .ExcellenceTxt {
        position: absolute;
        bottom: -32%;
        padding-right: 0;
        left: 4%;
    }

    .ExcellenceTxt h1 {
        font-size: 24px;
        color: var(--primarycolor);
        margin-bottom: 0;
    }

    .ExcellenceTxt p {
        color: var(--headtext);
        font-size: 10px;
        font-weight: 600;
        margin-bottom: 0;
    }

    .ModdelImg {
        position: absolute;
        left: -16%;
        top: -66%;
        width: 80%;
    }

    /* Trusted Excellence end */

    /* Start Your Order start */
    .order {
        background-color: var(--backgroundbg);
        padding: 40px 20px;
    }

    .colpadding {
        padding: 0px;
    }

.startorderimg {
    position: relative;
    left: 24%;
    top: -70%;
    width: 84%;
}

    /* Start Your Order end */

    /* Icons start */
    .Icons img {
        width: 50%;
    }

    .Icons p {
        color: var(--primarycolor);
        font-size: 10px;
        font-weight: 600;
        margin: 0;
    }

    /* Icons end */
    /* footer start */
    .socialICN {
        display: flex;
        gap: 30px;
        font-size: 25px;
        color: #fff;
        align-items: center;
        justify-content: center;
        margin-top: 12%;
    }

    .footerlogo {
        margin-bottom: 30px;
    }

    .footerlogo img {
        width: 12%;
    }

    .footerlogo p {
        font-size: 15px;
    }

    /* footer end */
    /* -----------------------------
                OUR SERVICES
      -------------------------------*/

    /* banner start */
    .servicestext {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-size: 22px;
    }

    /* banner end */

    /* Jewelry Manufacturing start */
    .jwelrypara {
        display: flex;
        justify-content: center;
        font-size: 15px;
        color: var(--headtext);
        margin-bottom: 6%;
    }

    .jwelrypara p {
        text-align: start;
        width: 100%;
    }

    .servieborder {
        border: 1px solid var(--primarycolor) !important;
        padding: 10px;
        margin: 0;
    }

    .Manufacturingtext {
        padding-right: 0px;
        padding: 5% 0;
    }

    .Manufacturingtext h1 {
        font-size: 32px;
        color: var(--primarycolor);
    }

    .Manufacturingtext {
        padding-right: 0px;
    }

    .Manufacturingimg {
        position: relative;
        top: 0;
        right: 0;
    }

    .jwelery{
        display: none;
    }
    .Mobjwelery{
        display: block;
    }
    

    /* Jewelry Manufacturing end */

    /* Diamond/ Gemstone Lapidary and Manufacturing start */
    .Gemstoneborder {
        border: 1px solid var(--primarycolor) !important;
        padding: 40px;
        margin: 60px 0px 0 0px;
    }

    .Gemstoneborder {
        border: 1px solid var(--primarycolor) !important;
        padding: 0px;
        margin: 60px 0px 0 0px;
    }

    .Gemstonetext {
        padding: 5% 0;
    }

    .Gemstonetext h1 {
        font-size: 32px;
        color: var(--primarycolor);
    }

    .Gemstonetext {
        padding-left: 10px;
    }

    .Gemstoneimg {
        position: relative;
        top: 0%;
        left: 0%;
    }

    /* Diamond/ Gemstone Lapidary and Manufacturing end */

    /* Chain Manufacturing start */
    .chainImg {
        flex: 1;
        border-bottom: 2px solid var(--primarycolor);
        border-top: 2px solid var(--primarycolor);
        border-right: 2px solid var(--primarycolor);
        border-left: none;
    }

    .chaincontent {
        display: flex;
        flex-direction: column;
    }

    .chainManufacturingImg {
        display: none;
    }

    .chainTxt h1 {
        font-size: 20px;
        color: var(--primarycolor);
    }

    .chainTxt p {
        color: var(--headtext);
        font-size: 12px;
        font-weight: 600;
    }

    .chainTxt {
        position: relative;
        bottom: 0%;
        padding-right: 5%;
        left: 4%;
        margin-top: 6%;
    }

    /* Chain Manufacturing end */

    /* Quality Control Process start */
    .processIMG img {
        position: relative;
        top: 0%;
        left: 0%;
        border: 1px solid var(--primarycolor);
        margin-top: 5%;
    }

    .processtext {
        position: relative;
        bottom: -4%;
    }

    .qualityIMG img {
        position: relative;
        bottom: 0%;
        right: 0%;
        border: 1px solid var(--primarycolor);
        margin-bottom: 5%;
    }

    /* Quality Control Process end */

    /* slider start */
    .slider {
        background-color: #0e0e0e;
        padding: 20% 5% 0 5%;
    }

    .sliderrow {
        display: flex;
        gap: 40px;
    }

    .LeftArrow {
        position: absolute;
        font-size: 30px;
        top: -8%;
        left: 36%;
        color: var(--secondarycolor);
    }

    .RightArrow {
        position: absolute;
        font-size: 30px;
        top: -8%;
        right: 36%;
        color: var(--secondarycolor);
    }

    /* slider end */


    /* ---------------------
            CONTACT US
    ------------------------ */
    .contactmap {
        position: relative;
        top: 0%;
        left: 0%;
        margin-top: 10%;
        overflow-x: hidden;
    }

    .contact P {
        color: var(--headtext);
        font-size: 16px;
    }

    .contactmap iframe {
        width: 100%;
        height: 350px;
        max-width: 350px;
    }

    .contacttext {
        padding-left: 0;
    }

    .contactborder {
        border: 1px solid var(--primarycolor) !important;
        padding: 20px;
    }

    .Hours {
        display: flex;
        gap: 10%;
        color: var(--headtext);
        margin-top: 5%;
        flex-direction: column;
    }


    /* --------------------------
        SUBMIT AN ORDER 
    ----------------------------- */
    .submittext {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-size: 16px;
    }

    /*  */
    .ordercard {
        display: flex;
        align-items: center;
        gap: 8px;
        text-align: start;
        height: 100%;
        flex-direction: column;
    }

    .orderbox {
        padding: 40px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: 100%;
        border: 1px solid var(--primarycolor);
        height: 100%;
    }

    .orderbox h3 {
        font-size: 25px;
        color: var(--primarycolor);
    }

    .orderbox p {

        color: var(--headtext);
    }

    .boxorder {
        background-color: var(--primarycolor);
        color: var(--backgroundbg);
        padding: 40px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: 100%;
        height: 100%;
    }

    .boxorder h3 {
        font-size: 25px;
    }

    .submitorder {
        background-color: var(--backgroundbg);
        padding-bottom: 5%;
    }

    /*  */

    /*  */
    .sorder {
        background-color: var(--backgroundbg);
        padding: 5% 0;
    }

    .sorder h1 {
        font-size: 32px;
        color: var(--primarycolor);
        margin-bottom: 2%;
    }

    .sorder p {
        font-size: 18px;
        color: var(--headtext);
    }

    /*  */

    /*  */
    .getstartedBOX {
        background-color: #0d0d0d;
        padding-top: 5%;
        padding-bottom: 2%;
    }

    .getstartedBOX h1 {
        color: var(--primarycolor);
    }

    .getstartedBOX p {
        color: var(--headtext);
        font-size: 20px;
    }

    .getstartedForm {
        display: flex;
        gap: 20px;
        flex-direction: column;
    }

    .getstartedFormbtn {
        display: flex;
        gap: 20px;
        justify-content: flex-end;
    }

    .LOGIN {
        border: 2px solid var(--headtext);
        font-size: 18px;
        font-weight: 900;
        color: var(--primarycolor) !important;
        padding: 10px 40px;
    }

    .SEND {
        border: 2px solid var(--headtext);
        font-size: 18px;
        font-weight: 900;
        background-color: var(--primarycolor) !important;
        padding: 10px 40px;
    }

    /*  */

    /*  */
    .orderprocess {
        background-color: var(--backgroundbg);
        padding: 5%;

    }

    .orderprocess h3 {
        font-size: 25px;
        color: var(--primarycolor);
    }

    .orderprocess p {
        font-size: 15px;
        color: var(--headtext);
    }

    .orderprocesscard {
        display: flex;
        gap: 20px;
        flex-direction: column;
    }

    .cardborder {
        border-right: none;
        padding: 40px 20px 0 20px;
        width: 100%;
    }

    .cardbordernone {
        padding: 20px;
        width: 100%;
    }

    /*  */


    /* ---------------------------
                ABOUT US
    ------------------------------ */

    .about P {
        color: var(--headtext);
        font-size: 15px;
    }

    .Designs {
        background-color: var(--backgroundbg);
        padding: 5%;
    }

    .Designsborder {
        border: 1px solid var(--primarycolor) !important;
        padding: 20px;
        position: relative;
        display: flex;
        justify-content: flex-end;
    }

    .Designsimg {
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 5%;
    }

    .Designstext h1 {
        font-size: 25px;
        color: var(--primarycolor);
    }

    .Designstext p {
        color: var(--headtext);
        font-size: 15px;
        font-weight: 900;
    }

    /* The Journey start */
    .Journeyimg {
        position: relative;
        top: 0;
        right: 0;
    }

    .Journey {
        background-color: var(--backgroundbg);
        padding: 5%;
    }

    .Journeyborder {
        border: 1px solid var(--primarycolor) !important;
        padding: 20px;
        position: relative;
        display: flex;
        justify-content: flex-end;
    }

    .Journeytext h1 {
        font-size: 25px;
        color: var(--primarycolor);
    }

    .Journeytext p {
        color: var(--headtext);
        font-size: 15px;
        font-weight: 900;
    }

    /* The Journey end */

    /* Expertise start */
    .Expertiseimg {
        position: relative;
        top: 0;
        right: 0;
    }

    .Expertiseborder {
        border: 1px solid var(--primarycolor) !important;
        padding: 20px;
        position: relative;
        display: flex;
        justify-content: flex-start;
    }

    .Expertise {
        background-color: var(--backgroundbg);
        padding: 5%;
    }

    .Expertisetext p {
        color: var(--headtext);
        font-size: 15px;
        font-weight: 900;
    }

    .Expertisetext h1 {
        font-size: 25px;
        color: var(--primarycolor);
    }

    /* Expertise end */

    /* mission start */
    .Missionimg {
        position: relative;
        top: 0;
        right: 0%;
    }

    .Missiontext {
        padding: 0;
    }

    .Missionborder {
        border: 1px solid var(--primarycolor) !important;
        padding: 20px;
        position: relative;
        display: flex;
        justify-content: flex-start;
    }

    .Mission {
        background-color: var(--backgroundbg);
        padding: 5%;
    }

    /* mission end */

    .Connect {
        background-color: #111111;
        color: var(--secondarycolor);
        padding: 5%;
    }

    .iconjwelery {
        gap: 20px;
    }


    /* test */
    .jewelryiconbox {
        display: block;
        height: auto;
    }

    .style1 {
        margin-top: 0%;
    }

    .style2 {
        margin-top: 0%;
    }
    .style3 {
        margin-top: -6%;
    }
   
}

/* monile iphone 12 pro */
@media only screen and (min-width: 390px) and (max-width: 600px) {

    /* -----------------------------
                INDEX
      -------------------------------*/
    /* header start */
    .headerbg {
        background-color: var(--backgroundbg);
        color: var(--headtext);
        border-bottom: 1px solid var(--primarycolor);
    }
.headerbg img {
    width: 18%;
}
.NcLOGO {
    display: flex;
    align-items: center;
    text-decoration: none;
    gap: 4px;
	width:60%;
}
.NcLOGOTxt {
    font-family: var(--artegra_sans_extended);
    color: #b29775;
    text-decoration: none;
    animation: slideInFromLeft 0.8s ease-out;
    margin-bottom: 0;
    font-size: 14px;
}

    .navbar-expand-lg .navbar-nav {
        flex-direction: column;
        gap: 14px;
    }

    .mobnone {
        display: none !important;
    }

    .dispblock {
        display: block !important;
    }

    .mobIcn {
        display: flex !important;
        align-items: center !important;
        font-size: 28px;
        gap: 15px;
        color: #979797;
    }

    .submitcenetr {
        display: flex !important;
        flex-basis: auto;
        justify-content: center;
        width: 100%;
        flex-direction: column;
        margin-bottom: 20px;
    }
		.mobIcn a{
			display: flex !important;
			text-decoration:none;
			align-items:center;
		}
		.navbar-toggler:focus { 
		  text-decoration: none; 
		  outline: 0; 
		  box-shadow: 0 0 0 0.1rem;
		}

		.navbar-toggler.collapsed:focus {
		  box-shadow: none !important;
		}
		
		.paddingLR {
    padding: 0 10px;
}
.dropdown .dropdown-menu {
    background: #141414 !important;
}

    /* header end */

    /* brand start */
    .Jewelrybrandtext {
        position: absolute;
        top: 16%;
        text-align: center;
        padding-right: 32%;
    }

    .Jewelrybrandtext h1 {
        font-size: 24px;
    }

    /* brand end */

    /* Unparalleled Quality start */
    .UnparalleledQuality {
    position: relative;
    padding-bottom: 20px;
    background: #000;
}
	.UnparalleledQualitytext {
        position: absolute;
        top: 6%;
        padding-right: 24%;
    }

    .UnparalleledQualitytext h1 {
        font-size: 22px;
        color: var(--primarycolor);
    }

    .UnparalleledQualitytext p {
        color: var(--headtext);
        font-size: 12px;
        font-weight: 900;
    }

    .viewmore {
        border: 2px solid var(--headtext);
        font-size: 10px;
        font-weight: 900;
        color: var(--primarycolor) !important;
        padding: 5px 16px;
    }

    /* Unparalleled Quality end */

    /* Comprehensive Services start */
	
    .Services {
        position: relative;
        padding: 40px;
        background: #000;
    }

    .serviceimg {
        position: absolute;
        top: 18%;
        left: 0;
        width: 40%;
    }
    .serImg {
    /* padding-right: 42px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
}

    .border {
        border: 1px solid var(--primarycolor) !important;
        position: absolute;
        top: 10%;
        left: 15%;
        right: 15%;
        padding: 0;
    }

    .botpadding80 {
        padding-bottom: 0px !important;
    }

    .Servicestext {
        padding-top: 20px !important;
        padding-bottom: 0px !important;
    }

    .Servicestext h1 {
        font-size: 18px;
        color: var(--primarycolor);
    }

    .Servicestext p {
        color: var(--headtext);
        font-size: 10px;
        font-weight: 900;
    }

    /* Comprehensive Services end */

    /* Unmatched Craftsmanship start */
    .Craftsmanshiptext h1 {
        font-size: 22px;
        color: var(--primarycolor);
    }

    .Craftsmanshiptext p {
    color: var(--headtext);
    font-size: 12px;
    font-weight: 600;
    width: 60%;
    margin-bottom: 10px;
}

    /* Unmatched Craftsmanship end */

    /* Trusted Excellence start */
   .ExcellenceTxt {
    position: absolute;
    bottom: -30%;
    padding-right: 0;
    left: 4%;
}

    .ExcellenceTxt h1 {
    font-size: 24px;
    color: var(--primarycolor);
    margin-bottom: 6px;
}

    .ExcellenceTxt p {
    color: var(--headtext);
    font-size: 10px;
    font-weight: 600;
    margin-bottom: 10px;
}

    .ModdelImg {
        position: absolute;
        left: -16%;
        top: -68%;
        width: 80%;
    }

    /* Trusted Excellence end */

    /* Start Your Order start */
    .order {
        background-color: var(--backgroundbg);
        padding: 40px 20px;
    }

    .colpadding {
        padding: 0px;
    }

.startorderimg {
    position: relative;
    left: 24%;
    top: -70%;
    width: 84%;
}

    /* Start Your Order end */

    /* Icons start */
    .Icons img {
        width: 50%;
    }

    .Icons p {
        color: var(--primarycolor);
        font-size: 10px;
        font-weight: 600;
        margin: 0;
    }

    /* Icons end */

    /* footer start */
    .socialICN {
        display: flex;
        gap: 30px;
        font-size: 25px;
        color: #fff;
        align-items: center;
        justify-content: center;
        margin-top: 12%;
    }

    .footerlogo {
        margin-bottom: 30px;
    }

    .footerlogo img {
        width: 12%;
    }

    .footerlogo p {
        font-size: 15px;
    }

    /* footer end */

    /* -----------------------------
                OUR SERVICES
      -------------------------------*/

    /* banner start */
    .servicestext {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-size: 22px;
    }

    /* banner end */

    /* Jewelry Manufacturing start */
    .jwelrypara {
        display: flex;
        justify-content: center;
        font-size: 15px;
        color: var(--headtext);
        margin-bottom: 6%;
    }

    .jwelrypara p {
        text-align: start;
        width: 100%;
    }

    .servieborder {
        border: 1px solid var(--primarycolor) !important;
        padding: 10px;
        margin: 0;
    }

    .Manufacturingtext {
        padding-right: 0px;
        padding: 5% 0;
    }

    .Manufacturingtext h1 {
        font-size: 32px;
        color: var(--primarycolor);
    }

    .Manufacturingtext {
        padding-right: 0px;
    }

    .Manufacturingimg {
        position: relative;
        top: 0;
        right: 0;
    }
    .jwelery{
        display: none;
    }
    .Mobjwelery{
        display: block;
    }

    /* Jewelry Manufacturing end */

    /* Diamond/ Gemstone Lapidary and Manufacturing start */
    .Gemstoneborder {
        border: 1px solid var(--primarycolor) !important;
        padding: 40px;
        margin: 60px 0px 0 0px;
    }

    .Gemstoneborder {
        border: 1px solid var(--primarycolor) !important;
        padding: 0px;
        margin: 60px 0px 0 0px;
    }

    .Gemstonetext {
        padding: 5% 0;
    }

    .Gemstonetext h1 {
        font-size: 32px;
        color: var(--primarycolor);
    }

    .Gemstonetext {
        padding-left: 10px;
    }

    .Gemstoneimg {
        position: relative;
        top: 0%;
        left: 0%;
    }

    /* Diamond/ Gemstone Lapidary and Manufacturing end */

    /* Chain Manufacturing start */
    .chainImg {
        flex: 1;
        border-bottom: 2px solid var(--primarycolor);
        border-top: 2px solid var(--primarycolor);
        border-right: 2px solid var(--primarycolor);
        border-left: none;
    }

    .chaincontent {
        display: flex;
        flex-direction: column;
    }

    .chainManufacturingImg {
        display: none;
    }

    .chainTxt h1 {
        font-size: 20px;
        color: var(--primarycolor);
    }

    .chainTxt p {
        color: var(--headtext);
        font-size: 12px;
        font-weight: 600;
    }

    .chainTxt {
        position: relative;
        bottom: 0%;
        padding-right: 5%;
        left: 4%;
        margin-top: 6%;
    }

    /* Chain Manufacturing end */

    /* Quality Control Process start */
    .processIMG img {
        position: relative;
        top: 0%;
        left: 0%;
        border: 1px solid var(--primarycolor);
        margin-top: 5%;
    }

    .processtext {
        position: relative;
        bottom: -4%;
    }

    .qualityIMG img {
        position: relative;
        bottom: 0%;
        right: 0%;
        border: 1px solid var(--primarycolor);
        margin-bottom: 5%;
    }

    /* Quality Control Process end */

    /* slider start */
    .slider {
        background-color: #0e0e0e;
        padding: 20% 5% 0 5%;
    }

    .sliderrow {
        display: flex;
        gap: 40px;
    }

    .LeftArrow {
        position: absolute;
        font-size: 30px;
        top: -8%;
        left: 36%;
        color: var(--secondarycolor);
    }

    .RightArrow {
        position: absolute;
        font-size: 30px;
        top: -8%;
        right: 36%;
        color: var(--secondarycolor);
    }

    /* slider end */

    /* -----------------------
         OUR PROCESS
    -------------------------- */

    /*  */
    .process-section {
        padding: 0;
    }

    .step {
        flex-direction: column;
        width: 90%;
        margin: 2rem 0;
    }

    .step:nth-child(even),
    .step:nth-child(odd) {
        flex-direction: column;
    }

    .step-content,
    .step-image {
        flex: unset;
        width: 100%;
        padding: 0.5rem;
        text-align: center;
    }

    .step-number {
        display: none;
    }

    .process-section::before {
        width: 2px;
        height: 100%;
        top: 0;
        left: 50%;
        display: none;
    }

    .step-content::before,
    .step-image::after {
        display: none;
    }

    .process-section {
        padding: 0;
    }

    .step {
        flex-direction: column;
        width: 90%;
        margin: 2rem 0;
    }

    .step:nth-child(even),
    .step:nth-child(odd) {
        flex-direction: column;
    }

    .step-content,
    .step-image {
        flex: unset;
        width: 100%;
        padding: 0.5rem;
        text-align: center;
    }

    .step-number {
        position: static;
        margin: 1rem 0;
        font-size: 2rem;
    }

    .process-section::before {
        width: 2px;
        height: 100%;
        top: 0;
        left: 50%;
        display: none;
    }

    .step-content::before,
    .step-image::after {
        display: none;
    }

    /*  */

    /* ---------------------
            CONTACT US
    ------------------------ */
    .contactmap {
        position: relative;
        top: 0%;
        left: 0%;
        margin-top: 10%;
        overflow-x: hidden;
    }

    .contact P {
        color: var(--headtext);
        font-size: 18px;
    }

    .contactmap iframe {
        width: 100%;
        height: 350px;
        max-width: 350px;
    }

    .Hours {
        display: flex;
        gap: 10%;
        color: var(--headtext);
        margin-top: 5%;
        flex-direction: column;
    }

    .contacttext {
        padding-left: 0;
    }

    /* --------------------------
        SUBMIT AN ORDER 
    ----------------------------- */
    .submittext {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-size: 16px;
    }

    /*  */
    .ordercard {
        display: flex;
        align-items: center;
        gap: 8px;
        text-align: start;
        height: 100%;
        flex-direction: column;
    }

    .orderbox {
        padding: 40px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: 100%;
        border: 1px solid var(--primarycolor);
        height: 100%;
    }

    .orderbox h3 {
        font-size: 25px;
        color: var(--primarycolor);
    }

    .orderbox p {

        color: var(--headtext);
    }

    .boxorder {
        background-color: var(--primarycolor);
      
        padding: 40px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: 100%;
        height: 100%;
    }

    .boxorder p {
        color: var(--backgroundbg) !important; 
    }
    .boxorder h3 {
        font-size: 25px;
    }

    .submitorder {
        background-color: var(--backgroundbg);
        padding-bottom: 5%;
    }

    /*  */

    /*  */
    .sorder {
        background-color: var(--backgroundbg);
        padding: 5% 0;
    }

    .sorder h1 {
        font-size: 32px;
        color: var(--primarycolor);
        margin-bottom: 2%;
    }

    .sorder p {
        font-size: 18px;
        color: var(--headtext);
    }

    /*  */

    /*  */
    .getstartedBOX {
        background-color: #0d0d0d;
        padding-top: 5%;
        padding-bottom: 2%;
    }

    .getstartedBOX h1 {
        color: var(--primarycolor);
    }

    .getstartedBOX p {
        color: var(--headtext);
        font-size: 20px;
    }

    .getstartedForm {
        display: flex;
        gap: 20px;
        flex-direction: column;
    }

    .getstartedFormbtn {
        display: flex;
        gap: 20px;
        justify-content: flex-end;
    }

    .LOGIN {
        border: 2px solid var(--headtext);
        font-size: 18px;
        font-weight: 900;
        color: var(--primarycolor) !important;
        padding: 10px 40px;
    }

    .SEND {
        border: 2px solid var(--headtext);
        font-size: 18px;
        font-weight: 900;
        background-color: var(--primarycolor) !important;
        padding: 10px 40px;
    }

    /*  */

    /*  */
    .orderprocess {
        background-color: var(--backgroundbg);
        padding: 5%;

    }

    .orderprocess h3 {
        font-size: 25px;
        color: var(--primarycolor);
    }

    .orderprocess p {
        font-size: 15px;
        color: var(--headtext);
    }

    .orderprocesscard {
        display: flex;
        gap: 20px;
        flex-direction: column;
    }

    .cardborder {
        border-right: none;
        padding: 40px 20px 0 20px;
        width: 100%;
        text-align: center;
    }

    .cardbordernone {
        padding: 20px;
        width: 100%;
        text-align: center;
    }

    /*  */

    /* ---------------------------
                ABOUT US
    ------------------------------ */

    .about P {
        color: var(--headtext);
        font-size: 15px;
    }

    .Designs {
        background-color: var(--backgroundbg);
        padding: 5%;
    }

    .Designsborder {
        border: 1px solid var(--primarycolor) !important;
        padding: 20px;
        position: relative;
        display: flex;
        justify-content: flex-end;
    }

    .Designsimg {
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 5%;
    }

    .Designstext h1 {
        font-size: 25px;
        color: var(--primarycolor);
    }

    .Designstext p {
        color: var(--headtext);
        font-size: 15px;
        font-weight: 900;
    }

    /* The Journey start */
    .Journeyimg {
        position: relative;
        top: 0;
        right: 0;
    }

    .Journey {
        background-color: var(--backgroundbg);
        padding: 5%;
    }

    .Journeyborder {
        border: 1px solid var(--primarycolor) !important;
        padding: 20px;
        position: relative;
        display: flex;
        justify-content: flex-end;
    }

    .Journeytext h1 {
        font-size: 25px;
        color: var(--primarycolor);
    }

    .Journeytext p {
        color: var(--headtext);
        font-size: 15px;
        font-weight: 900;
    }

    /* The Journey end */

    /* Expertise start */
    .Expertiseimg {
        position: relative;
        top: 0;
        right: 0;
    }

    .Expertiseborder {
        border: 1px solid var(--primarycolor) !important;
        padding: 20px;
        position: relative;
        display: flex;
        justify-content: flex-start;
    }

    .Expertise {
        background-color: var(--backgroundbg);
        padding: 5%;
    }

    .Expertisetext p {
        color: var(--headtext);
        font-size: 15px;
        font-weight: 900;
    }

    .Expertisetext h1 {
        font-size: 25px;
        color: var(--primarycolor);
    }

    /* Expertise end */

    /* mission start */
    .Missionimg {
        position: relative;
        top: 0;
        right: 0%;
    }

    .Missiontext {
        padding: 0;
    }

    .Missionborder {
        border: 1px solid var(--primarycolor) !important;
        padding: 20px;
        position: relative;
        display: flex;
        justify-content: flex-start;
    }

    .Mission {
        background-color: var(--backgroundbg);
        padding: 5%;
    }

    /* mission end */

    .Connect {
        background-color: #111111;
        color: var(--secondarycolor);
        padding: 5%;
    }

    .iconjwelery {
        gap: 20px;
    }


    /* test */
    .jewelryiconbox {
        display: block;
        height: auto;
    }

    .style1 {
        margin-top: 0%;
    }

    .style2 {
        margin-top: 0%;
    }
    .style3 {
        margin-top: -6%;
    }
}




/* @media only screen and (max-width: 600px) {

} */

/*mini tab*/
@media only screen and (min-width: 600px) and (max-width: 860px) {
    /* -----------------------------
                INDEX
      -------------------------------*/

    /* header start */
	.headerbg img{
	width:12%;
}
    .Jewelrybrandtext h1 {
        font-size: 38px;
    }

    .dispblock {
        display: block !important;
    }
.NcLOGO {
    display: flex;
    align-items: center;
    text-decoration: none;
    gap: 14px;
	width:60%;
}
.NcLOGOTxt {
    font-family: var(--artegra_sans_extended);
    color: #b29775;
    text-decoration: none;
    animation: slideInFromLeft 0.8s ease-out;
    margin-bottom: 0;
    font-size: 20px;
}
    .mobnone {
        display: none !important;
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: column;
        gap: 14px;
    }

    .submitcenetr {
        display: flex !important;
        flex-basis: auto;
        justify-content: center;
        width: 100%;
        flex-direction: column;
    }

    /* header end */

    /*Unparalleled Quality start */
    .UnparalleledQualitytext {
        position: absolute;
        top: 9%;
        padding-right: 0%;
    }

    /*Unparalleled Quality end  */

    /* Comprehensive Services start */
    .Services {
        position: relative;
        padding: 40px;
        background: #000;
    }

    .serviceimg {
        position: absolute;
        top: 15%;
        left: 0;
        width: 45%;
    }

    .serImg {
    /* padding-right: 42px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
}
    .border {
        border: 1px solid var(--primarycolor) !important;
        position: absolute;
        top: 10%;
        left: 15%;
        right: 15%;
        padding: 45px 0;
    }

    .botpadding80 {
        padding-bottom: 0px !important;
    }

    .Servicestext {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .Servicestext h1 {
        font-size: 25px;
        color: var(--primarycolor);
    }

    .Servicestext p {
        color: var(--headtext);
        font-size: 15px;
        font-weight: 900;
    }

    /* Comprehensive Services end */

    /* Unmatched Craftsmanship  start */
    .Craftsmanshiptext {
        position: absolute;
        top: 15%;
        padding-right: 4%;
    }

    .Craftsmanshiptext h1 {
        font-size: 42px;
        color: var(--primarycolor);
    }

    .Craftsmanshiptext p {
        color: var(--headtext);
        font-size: 18px;
        font-weight: 600;
    }

    /* Unmatched Craftsmanship  end */

    /* Trusted Excellence start */
    .ModdelImg {
        position: absolute;
        left: -16%;
        top: -52%;
        width: 76%;
    }

    .ExcellenceTxt {
        position: absolute;
        bottom: -12%;
        padding-right: 1%;
        left: 4%;
    }

    .ExcellenceTxt h1 {
        font-size: 30px;
        color: var(--primarycolor);
    }

    .ExcellenceTxt p {
        color: var(--headtext);
        font-size: 15px;
        font-weight: 600;
    }

    /* Trusted Excellence end */

    /* Start Your Order start */
    .colpadding {
        padding: 60px 10px;
    }

.startorderimg {
    position: relative;
    left: 24%;
    top: -70%;
    width: 84%;
}

    /* Start Your Order end */

    /* -----------------------------
                OUR SERVICES
      -------------------------------*/

    /* Jewelry Manufacturing start */
    .jwelrypara p {
        text-align: center;
        width: 100%;
    }

    .servieborder {
        border: 1px solid var(--primarycolor) !important;
        padding: 20px;
        margin: 0;
    }

    .Manufacturingimg {
        position: relative;
        top: 0%;
        right: -4%;
        margin-top: 5%;
    }

    /* Jewelry Manufacturing end */

    /* Diamond/ Gemstone Lapidary and Manufacturing start */
    .Gemstoneborder {
        margin: 0;
    }

    .Gemstoneimg {
        position: relative;
        top: 0%;
        left: 0;
        text-align: center;
        margin-top: 5%;
    }

    /* Diamond/ Gemstone Lapidary and Manufacturing end */

    /* Chain Manufacturing start */
    .chain {
        background-image: url(../img/services/pageBG.jpg);
        position: relative;
        padding: 10% 0 10% 0;
    }

    .chainTxt h1 {
        font-size: 32px;
        color: var(--primarycolor);
    }

    .chainTxt {
        position: absolute;
        bottom: -13%;
        padding-right: 0%;
        left: 4%;
        right: 4%;
    }

    .chainManufacturingImg {
        position: absolute;
        left: -10%;
        top: -16%;
        width: 60%;
    }

    .chainTxt p {
        color: var(--headtext);
        font-size: 17px;
        font-weight: 600;
    }

    /* Chain Manufacturing end */

    /* slider start */
    .slider {
        background-color: #0e0e0e;
        padding: 10% 5% 0 5%;
    }

    .slidercontent {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 20%;
        flex-direction: column;
        gap: 20px;
    }

    /* slider end */

    /* Quality Control Process start */
    .qualityprocessTxt p {
        color: var(--headtext);
        font-size: 15px;
        font-weight: 600;
    }

    .processtext {
        position: absolute;
        bottom: -24%;
    }

    /* Quality Control Process end */


    /* ---------------------
            CONTACT US
    ------------------------ */
    .contactmap {
        position: relative;
        top: 0%;
        left: 0%;
        margin-top: 10%;
        text-align: center;
    }

    .contact P {
        color: var(--headtext);
        font-size: 18px;
    }

    .contactmap iframe {
        width: 600px;
        height: 350px;
    }

    .contacttext {
        padding-left: 0;
    }

    /* --------------------------
        SUBMIT AN ORDER 
    ----------------------------- */
    .submittext {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-size: 16px;
    }

    /*  */
    .ordercard {
        display: flex;
        align-items: center;
        gap: 8px;
        text-align: start;
        height: 100%;
        flex-direction: column;
    }

    .orderbox {
        padding: 40px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: 100%;
        border: 1px solid var(--primarycolor);
        height: 100%;
    }

    .orderbox h3 {
        font-size: 25px;
        color: var(--primarycolor);
    }

    .orderbox p {

        color: var(--headtext);
    }

    .boxorder {
        background-color: var(--primarycolor);
        color: var(--backgroundbg);
        padding: 40px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: 100%;
        height: 100%;
    }

    .boxorder h3 {
        font-size: 25px;
    }

    .submitorder {
        background-color: var(--backgroundbg);
        padding-bottom: 5%;
    }

    /*  */

    /*  */
    .sorder {
        background-color: var(--backgroundbg);
        padding: 5% 0;
    }

    .sorder h1 {
        font-size: 32px;
        color: var(--primarycolor);
        margin-bottom: 2%;
    }

    .sorder p {
        font-size: 18px;
        color: var(--headtext);
    }

    /*  */

    /*  */
    .getstartedBOX {
        background-color: #0d0d0d;
        padding-top: 5%;
        padding-bottom: 2%;
    }

    .getstartedBOX h1 {
        color: var(--primarycolor);
    }

    .getstartedBOX p {
        color: var(--headtext);
        font-size: 20px;
    }

    .getstartedForm {
        display: flex;
        gap: 20px;
        flex-direction: column;
    }

    .getstartedFormbtn {
        display: flex;
        gap: 20px;
        justify-content: flex-end;
    }

    .LOGIN {
        border: 2px solid var(--headtext);
        font-size: 18px;
        font-weight: 900;
        color: var(--primarycolor) !important;
        padding: 10px 40px;
    }

    .SEND {
        border: 2px solid var(--headtext);
        font-size: 18px;
        font-weight: 900;
        background-color: var(--primarycolor) !important;
        padding: 10px 40px;
    }

    /*  */

    /*  */
    .orderprocess {
        background-color: var(--backgroundbg);
        padding: 5%;

    }

    .orderprocess h3 {
        font-size: 25px;
        color: var(--primarycolor);
    }

    .orderprocess p {
        font-size: 15px;
        color: var(--headtext);
    }

    .orderprocesscard {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
    }

    .cardborder {
        border-right: 1px solid var(--primarycolor);
        padding: 40px 20px 0 20px;
        width: 100%;
        flex: 0 1 calc(30% - -18%);
    }

    .cardbordernone {
        padding: 20px;
        width: 50%;
    }

    /*  */
    /* --------------------
            ABOUT US
    ----------------------- */
    .Designsimg {
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 5%;
    }

    .Journeyimg {
        position: relative;
        top: 0;
        right: 0;
    }

    .Expertiseimg {
        position: relative;
        top: 0;
        right: 0;
    }

    .Missionimg {
        position: relative;
        top: 0;
        right: 0;
    }

    .Missiontext {
        padding: 0;
    }

    .Connect {
        background-color: #111111;
        color: var(--secondarycolor);
        padding: 5%;
    }

    .jewelryiconbox {
        display: flex;
        border: 1px solid var(--primarycolor);
        padding: 5% 1%;
        border-radius: 20px;
        gap: 20px;
    }

    /* test */
    .style2 {
        margin-top: -40%;
    }
    .style1 {
        margin-top: -10%;
    }
    .style3 {
        margin-top: -24%;
    }
}

/*pro tab*/
@media only screen and (min-width: 988px) and (max-width: 1024px) {
    /* -----------------------------
                INDEX
      -------------------------------*/

    /* header start */
    .nav-link {
        color: var(--headtext);
        font-size: 13px;
        font-weight: 900;
    }

    /* header end */

    /* Unparalleled Quality start */
    .UnparalleledQualitytext {
        position: absolute;
        top: 12%;
        padding-right: 2%;
    }

    /* Unparalleled Quality end */

    /* Comprehensive Services start */
    .botpadding80 {
        padding-bottom: 0px;
    }

    .serviceimg {
        position: absolute;
        top: 15%;
        left: 0;
        width: 42%;
    }
    .serImg {
    /* padding-right: 42px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
}

    .Servicestext {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .Servicestext h1 {
        font-size: 40px;
        color: var(--primarycolor);
    }

    .Servicestext p {
        color: var(--headtext);
        font-size: 16px;
        font-weight: 900;
    }

    /* Comprehensive Services end */

    /* Trusted Excellence start */
    .ModdelImg {
        position: absolute;
        left: -16%;
        top: -44%;
    }

    .ExcellenceTxt {
        position: absolute;
        bottom: -14%;
        padding-right: 8%;
        left: 6%;
    }

    /* Trusted Excellence end */

    /* start order start */
.startorderimg {
    position: relative;
    left: 24%;
    top: -70%;
    width: 84%;
}
    /* start order end */

    /* -----------------------------
                OUR SERVICES
      -------------------------------*/

    /* Jewelry Manufacturing start */
    .jwelrypara p {
        text-align: center;
        width: 100%;
    }

    .servieborder {
        border: 1px solid var(--primarycolor) !important;
        padding: 20px;
        margin: 0;
    }

    .Manufacturingtext h1 {
        font-size: 46px;
        color: var(--primarycolor);
    }

    .Manufacturingimg {
        position: absolute;
        top: 34%;
        right: 1%;
        margin-top: 5%;
        width: 50%;
    }

    /* Jewelry Manufacturing end */

    /* Diamond/ Gemstone Lapidary and Manufacturing start */
    .Gemstoneborder {
        margin: 0;
    }

    .Gemstoneimg {
        position: absolute;
        top: -10%;
        left: 6px;
        margin-top: 5%;
        width: 60%;
    }

    .Gemstonetext h1 {
        font-size: 46px;
        color: var(--primarycolor);
    }

    /* Diamond/ Gemstone Lapidary and Manufacturing end */

    /* Chain Manufacturing start */
    .chainTxt h1 {
        font-size: 37px;
        color: var(--primarycolor);
    }

    .chainTxt {
        position: absolute;
        bottom: 6%;
        padding-right: 0%;
        left: 4%;
        right: 4%;
    }

    /* Chain Manufacturing end */

    /* slider start */
    .slider {
        background-color: #0e0e0e;
        padding: 10% 5% 0 5%;
    }

    /* slider end */

    /* Quality Control Process start */
    .qualityprocessTxt p {
        color: var(--headtext);
        font-size: 15px;
        font-weight: 600;
    }

    .processtext {
        position: absolute;
        bottom: 6%;
    }

    /* Quality Control Process end */


    /* ---------------------
            CONTACT US
    ------------------------ */
	.contactmap {
		position: absolute;
		top: 0% !important;
		left: 2% !important;
		margin-top: 10%;
		text-align: center;
	}

    .contact P {
        color: var(--headtext);
        font-size: 18px;
    }

    .contactmap iframe {
        width: 450px;
        height: 450px;
    }

    /* --------------------
            ABOUT US
    ----------------------- */
    .Designsimg {
        position: relative;
        top: 0;
        left: 0;
    }
}

/* small desktop */
@media only screen and (min-width: 1025px) and (max-width: 1394px) {
    /* CONTACT US */
    .contactmap {
        position: absolute !important;
        top: -2% !important;
        left: 8% !important;
        margin-top: 10% !important;
    }

    .contactmap iframe {
        width: 462px !important;
        height: 450px !important;
    }
}




/* big desktop */
@media(min-width: 1600px) and (max-width:2066px) {
    .Jewelrybrandtext {
        position: absolute;
        top: 30%;
        text-align: center;
        padding-right: 25%;
    }

    .serviceimg {
        position: absolute;
        top: 16%;
        left: 14%;
        transform: translate(8px, -13px);
        /* width: 100%; */
    }

    .serviceimg img {
        width: 40%;
    }

    .ExcellenceTxt {
        position: absolute;
        bottom: 19%;
        padding-right: 20%;
        left: 6%;
    }

    .ExcellenceTxt h1 {
        font-size: 50px;
        color: var(--primarycolor);
    }

    .ExcellenceTxt p {
        color: var(--headtext);
        font-size: 20px;
        font-weight: 600;
    }

    .Craftsmanshiptext p {
        color: var(--headtext);
        font-size: 20px;
        font-weight: 600;
    }

    .chainManufacturingImg {
        position: absolute;
        left: -10%;
        top: -20%;
        width: 52%;
    }

    .processtext {
        position: absolute;
        bottom: 2%;
    }

    .processIMG img {
        position: absolute;
        top: -10%;
        left: -22%;
        border: 1px solid var(--primarycolor);
    }

    .Designsborder {
        border: 1px solid var(--primarycolor) !important;
        padding: 60px;
        position: relative;
        display: flex;
        justify-content: flex-end;
    }

    .Designsimg {
        position: absolute;
        top: 6%;
        left: -6%;
    }

    .Journeyimg {
        position: absolute;
        top: 4%;
        right: -6%;
    }

    .Expertiseimg {
        position: absolute;
        top: 8%;
        right: -6%;
    }

    .Missionimg {
        position: absolute;
        top: 5%;
        right: -6%;
    }
    .style3 {
        margin-top: -16%;
    }
    .contactmap iframe {
        width: 650px;
        height: 450px;
    }
}