```css
/* =========================================================
   RESPONSIVE CSS
   Keep this file AFTER your main stylesheet
   ========================================================= */


/* =========================================================
   LARGE DESKTOP - 1401px and above
   ========================================================= */

@media only screen and (min-width: 1401px) {

    .container {
        max-width: 1320px;
    }

    .navbar {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .nav-tagline {
        font-size: 16px;
    }

    .join-us-content1 h3 {
        font-size: 55px;
    }

}


/* =========================================================
   DESKTOP - 1201px to 1400px
   ========================================================= */

@media only screen and (min-width: 1201px) and (max-width: 1400px) {

    .container {
        max-width: 1140px;
    }

    .navbar {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }

    .navbar .nav-item:not(:last-child) {
        margin-right: 18px;
    }

    .nav-tagline {
        font-size: 15px;
    }

    .join-us-content1 h3 {
        font-size: 50px;
    }
	
	/*****SG-Custom for mobile below 480px Starts******/
				/********For Home Video*********/
									.join-us-container 
									{
										width: 100% !important;
										height: 100vh !important;
										min-height: 600px;
									}
									
									.home-highlights-type-01 .row
								{
								min-height:380px;
								}
								
								.matrix-msg
									{
										background-color:#203167;
										padding:2em;
										
									}
									.matrix-msg h2
									{
										font-size:3em;
										line-height:1em;
										word-spacing: 1px;
										letter-spacing: 0.1em;
										font-weight: 500;
										padding:1em;
									}
									
									.about-com-bg
										{

										
										}

										.about-com-heading
										{
											font-size:25px;
											font-weight:600;
										}

										.bg-defuse
										{
											
											width:95%;
											position: absolute;
											top: 50%;
											left: 50%;
										 transform: translate(-50%, -50%);
											width: 98%;
											height: 65%;
											display: flex;
											justify-content: center;
											align-items: center;
											z-index: 2;
											backdrop-filter: blur(8px);
											-webkit-backdrop-filter: blur(8px);
											border-radius: 100px;
											background: rgba(255,255,255,0.5);
										}
										
										.btn-wrap-index a:hover
										{
											background-color:#203167 !important;
											color:#fff;
										}
										
										
										
										
																	
					
							
				
	/*****SG-Custom for mobile below 480px Ends******/

}


/* =========================================================
   LAPTOP / SMALL DESKTOP - 1025px to 1200px
   ========================================================= */

@media only screen and (min-width: 1025px) and (max-width: 1200px) {

    .container {
        max-width: 960px;
    }

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

    .navbar .nav-item:not(:last-child) {
        margin-right: 12px;
    }

    .navbar .nav-link {
        font-size: 14px;
    }

    .nav-tagline {
        font-size: 14px;
    }

    .join-us-content1 h3 {
        font-size: 45px;
    }

    .right-section {
        padding: 60px 50px;
    }

}


/* =========================================================
   TABLET - 768px to 1024px
   ========================================================= */

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

    .container {
        max-width: 720px;
    }

    .navbar {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .navbar .nav-item:not(:last-child) {
        margin-right: 8px;
    }

    .navbar .nav-link {
        font-size: 13px;
    }

    .nav-tagline {
        font-size: 13px;
        padding-bottom: 5px;
    }

    /* Two-column feature section */
    .left-section,
    .right-section {
        min-height: 100vh;
    }

    .right-section {
        padding: 60px 40px;
    }

    .feature-list li {
        gap: 10px;
        margin-bottom: 25px;
    }

    .feature-list h3 {
        font-size: 20px;
    }

    .feature-list p {
        font-size: 15px;
    }

    /* Join Us */
    .join-us-content1 {
        width: 85% !important;
    }

    .join-us-content1 h3 {
        font-size: 42px;
    }

}


/* =========================================================
   MOBILE - BELOW 767px
   ========================================================= */

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

    /* =========================
       GENERAL
       ========================= */

    body {
        font-size: 14px;
    }

    p {
        font-size: 15px;
        line-height: 1.5em;
    }

    .container {
        width: 100%;
        max-width: 100%;
    }


    /* =========================
       NAVBAR
       ========================= */

    .navbar {
        padding: 10px 15px !important;
    }

    .navbar .container {
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-brand img {
        max-width: 180px;
        height: auto;
    }

    .navbar-toggler {
        margin-left: auto;
    }

    /* Tagline */
    .nav-tagline {
        text-align: center;
        font-size: 14px;
        line-height: 1.4em;
        padding: 10px 0 7px 0;
    }

    /* Navigation menu */
    .nav-right {
        width: 100%;
    }

    .nav-right .navbar-nav {
        float: none;
        width: 100%;
        margin-top: 5px;
        padding-top: 5px;
    }

    .navbar ul {
        border-radius: 8px;
    }

    .navbar .nav-item {
        width: 100%;
        margin-right: 0 !important;
    }

    .navbar .nav-link {
        padding: 10px 15px;
        font-size: 15px;
    }


    /* =========================
       FULL WIDTH TWO COLUMN
       ========================= */

    .full-width-row {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        display: block;
    }

    .full-width-row > [class*="col-"] {
        width: 100%;
        max-width: 100%;
        flex: none;
    }


    /* =========================
       LEFT SECTION
       ========================= */

    .left-section {
        min-height: auto;
        padding: 60px 25px;
    }

    .left-content {
        width: 100%;
        max-width: 500px;
    }

    .p-para-02 {
        font-size: 2.2em;
        line-height: 1.2em;
    }

    .p-para-03 {
        font-size: 1em;
        line-height: 1.5em;
    }


    /* =========================
       RIGHT SECTION
       ========================= */

    .right-section {
        min-height: auto;
        padding: 60px 25px;
    }

    .feature-list {
        width: 100%;
    }

    .feature-list li {
        gap: 10px;
        margin-bottom: 25px;
    }

    .feature-list .icon {
        flex: 0 0 35px;
        width: 35px;
        height: 35px;
    }

    .feature-list .icon i {
        font-size: 17px;
    }

    .feature-list h3 {
        font-size: 19px;
        line-height: 1.3em;
    }

    .feature-list p {
        font-size: 14px;
        line-height: 1.5em;
    }


    /* =========================
       JOIN OUR TEAM VIDEO
       ========================= */

    .join-us-container {
        width: 100% !important;
        height: 100vh !important;
        min-height: 500px !important;
    }

    .join-us-bg-video {
        width: 100% !important;
        height: 100% !important;
    }

    .join-us-bg-video .bg-video {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    .join-us-content1 {
        top: 50% !important;
        left: 50% !important;
        width: 90% !important;
        height: auto !important;
    }

    .join-us-content1 h3 {
        font-size: 36px;
        margin-bottom: 20px !important;
    }

    .join-us-links {
        gap: 12px;
    }

    .join-us-links a {
        padding: 10px 18px;
        font-size: 15px;
    }



/* =========================*/
.container
{
	padding:40px;
}
.higlight-wrap
{
	
}

.video-container
{
	display:block;
	
}
.bg-video
{
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
    object-fit: cover;
    z-index: 1;

}


.bg-defuse
{
	width:90%;
	
    height: 90%;
	 position: absolute;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 10px;
	padding:15px;
}



.Compounds-highlights-section
{
	text-align:center;
	
}
.Compounds-highlights-section h2
{
	font-size:4em;
	font-weight:600;
	text-align:center;
}


.left-links
{
	text-align:center;
}
.left-links ul
{
	margin-top:3em;
}
.p-para-02
{
	text-align:center;
}
.list-para-para
{
	text-align:center;
}
.p-para-04
{
	text-align:center;
}
.p-para-05-sub-head
{
	text-align:center;
}
.highlight-point
{
	text-align:center;
	padding-bottom:1em;
	padding-top:1em;
}
.highlight-point p
{
	text-align:center;
	
}




 /*========================= */




    /* =========================
       HEADINGS
       ========================= */

    .heading-lg,
    .heading-lg-color-02 {
        font-size: 34px;
    }

    .heading-md {
        font-size: 27px;
    }

    .heading-sm {
        font-size: 20px;
    }

    .h2-heading-01 {
        font-size: 38px;
        padding-top: 2em;
        letter-spacing: 2px;
    }

    .h2-heading-02 {
        font-size: 30px;
        padding-top: 1.5em;
        letter-spacing: 2px;
    }


    /* =========================
       OTHER CONTENT
       ========================= */

    .padding-100px {
        padding: 40px 25px;
    }

    .padding-60px {
        padding: 35px 20px;
    }

    .padding-30px {
        padding: 20px;
    }

    .matrix-msg h2 {
        font-size: 2.5em;
        letter-spacing: 0.05em;
    }

    .btn-wrap-index,
    .btn-wrap-landing-left {
        width: 90%;
    }

    .btn-wrap-index a,
    .btn-wrap-landing-left a {
        font-size: 1em;
    }

    .footer-style {
        text-align: center;
    }

}


/* =========================================================
   SMALL MOBILE - BELOW 480px
   ========================================================= */

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

    .navbar-brand img {
        max-width: 150px;
    }

    .nav-tagline {
        font-size: 11px;
    }

    .join-us-content1 h3 {
        font-size: 30px;
    }

    .join-us-links {
        gap: 8px;
    }

    .join-us-links a {
        padding: 9px 14px;
        font-size: 14px;
    }

    .feature-list h3 {
        font-size: 18px;
    }

    .feature-list p {
        font-size: 13px;
    }

    .p-para-02 {
        font-size: 2em;
    }

    .matrix-msg h2 {
        font-size: 2em;
    }
	
	/*****SG-Custom for mobile below 480px Starts******/
				/********For Home Video*********/
									.join-us-container {
						position: relative !important;
						width: 100% !important;
						height: 300px !important;
						min-height: 200px;
						overflow: hidden;
					}
					.h2-heading-01
					{
					   font-weight: 600;
						font-size:30px;
						padding-top:0.5em;
						text-align:center;
					}
					.p-center{
					text-align:center;
					}

				/* Premium Style */
				/* Paragraph bold spacing */
				.p-bold-spacing-01{
				
					text-align:center;
					font-size:18px;
					word-spacing:1px;
					font-weight:400;
					padding-top:0.5em;
				}
				
				.btn-wrap-index
				{
					margin-bottom:3em;
				}
				
				.full-width-bg-color
				{
					padding:0.6em;
				}
				
				
				.about-com-bg
				{

					background: url("../images/bg-01.png") center center / cover no-repeat;
					color:#000;
					
					
				}

				.about-com-heading
				{
					font-size:20px;
					font-weight:400;
				}

				.bg-defuse
				{

					width: 92%;
					height: 98%;
					display: flex;
					justify-content: center;
					align-items: center;
					z-index: 2;
					backdrop-filter: blur(8px);
					-webkit-backdrop-filter: blur(8px);
					border-radius: 80px;
					background: rgba(255,255,255,0.5);
					
					
				}
				.about-img-max-hight
				{
					
					height: 400px;
					max-height: 500px;
					
				}
				.about-img-max-hight img
				{
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: center;
				}
				.parallax{
					width:100%;
					min-height:700px;

					
				}
				
				.about-com-heading
				{
					
					text-align:center;
				}
				
				.p-para-03
					{
						text-align:center;
						padding-bottom:1em;
					}
					.p-para-04
					{
						text-align:center;
						padding-bottom:1em;
					}
					.p-para-05
					{
						text-align:center;
						padding-bottom:1em;
						
					}
				
					/*****SG-Compound page starts******/
					.video-container 
					{
						height: 400px;
					}
					.heading-lg
					{
						font-weight: 600;
						font-size:30px;
						text-align:center;
					}

						/*****SG-Compound page ends******/
							
				
	/*****SG-Custom for mobile below 480px Ends******/

}


/* =========================================================
   VERY SMALL MOBILE - BELOW 400px
   ========================================================= */

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

    .navbar {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .navbar-brand img {
        max-width: 135px;
    }

    .join-us-content1 h3 {
        font-size: 27px;
    }

    .join-us-links {
        flex-direction: column;
        width: 100%;
    }

    .join-us-links a {
        width: 160px;
        text-align: center;
    }

    .right-section {
        padding: 45px 20px;
    }

}
```