@media (min-width: 1200px) and (max-width: 1299.98px) {
    .header .nav-item {
	    margin-left: 5px;
	    margin-right: 5px;
	}
}

@media (min-width: 1025px) and (max-width: 1199.98px) {
	  .home-clients img {
	    width: 12%;
	    margin: 0px 8px;
   }

   .header .nav-item {
	    margin-left: 5px;
	    margin-right: 5px;
	}

	.header.scrolled .nav-item .nav-link, .header .nav-item .nav-link {
	    padding: 0;
	    font-size: 13px;
	}
}


@media (min-width: 992px) and (max-width: 1024.98px) {
    .home-clients img {
	    width: 12%;
	    margin: 0px 8px;
   }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .video-text h1{
    	font-size: 40px;
    }

    .video-text{
    	top:35%;
    }

    .header .nav-item {
	    margin-left: 0px;
	    margin-right: 0px;
	}

	.men-prod h1, .kids-prod h1 {
	    font-size: 27px;
	}

	.men-prod .explore a, .kids-prod .explore a {
	    padding: 7px 25px;
	    font-size: 13px;
	}

	.sustainability {
	    padding: 50px 60px;
	}

	.field, .msg-field{
		width: 100%;
	}
}

@media (min-width: 471px) and (max-width: 767.98px){
	.video-text{
		top: 38%;
	}

	.video-text h4 {
	    letter-spacing: 7px;
	    font-size: 20px;
	}

	.video-text h1 {
	    font-size: 32px;
	}

	div#navbarCollapse{
		background: #000;
		padding:10px;
	}

	.header.scrolled div#navbarCollapse{
		background: #fff;
	}

	.abt-text .heading{
		margin-top: 20px;
	}

	.home-prod-1 {
	    padding-left: 15px;
	    margin-bottom: 10px;
	}

	.men-prod h1, .kids-prod h1 {
	    font-size: 27px;
	}

	.men-prod .explore a, .kids-prod .explore a {
	    padding: 7px 25px;
	    font-size: 13px;
	}

	.home-prod-2 {
	    padding-right: 15px;
	}

	.home-clients img {
	   margin: 0 auto;
	   width: 32%;
	}

	.bdr-btm{
		margin-bottom: 15px;
	}

	.chairman{
	   background: #000;
	   padding-right: 15px;
	}

	.heading-3{
		margin-top: 20px;
	}

	.heading{
		font-size: 25px;
	}    

	.sustainability {
	    padding: 45px 45px;
	}

	.field, .msg-field{
		width: 100%;
	}

	.contact-center .bdr{
		display: none;
	}

	.contact-right{
		margin-top:30px;
	}

	.contact-center .bdr{
		display: none;
	}

	.contact-right{
		margin-top:30px;
	}


	.login .field{
	   width: 100%;
	}

	.login-form{
       margin-bottom: 40px;
	}

}

@media (max-width: 470.98px){
	.video-text{
		top: 43%;
	}

	.video-text h4 {
	    letter-spacing: 7px;
	    font-size: 12px;
	}

	.video-text h1 {
	    font-size: 18px;
	}

	div#navbarCollapse{
		background: rgba(0,0,0,0.8);
		padding:10px;
	}

	.header.scrolled div#navbarCollapse{
		background: #fff;
	}

	.abt-text .heading{
		margin-top: 20px;
	}

	.home-prod-1 {
	    padding-left: 15px;
	    margin-bottom: 10px;
	}

	.men-prod h1, .kids-prod h1 {
	    font-size: 27px;
	}

	.men-prod .explore a, .kids-prod .explore a {
	    padding: 7px 25px;
	    font-size: 13px;
	}

	.home-prod-2 {
	    padding-right: 15px;
	}

	.home-clients img {
	   margin: 0 auto;
	}    

	.bdr-btm{
		margin-bottom: 15px;
	}

	.chairman{
	   background: #000;
	   padding-right: 15px;
	}

	.heading-3{
		margin-top: 20px;
	}

	.field, .msg-field{
		width: 100%;
	}

	.contact-center .bdr{
		display: none;
	}

	.contact-right{
		margin-top:30px;
	}

	.sustainability {
	    padding: 50px 20px 50px 60px;
	}

	.sustainability.grey-bg {
	    padding: 50px 20px 50px 60px;
	}

	.heading{
		font-size: 24px;
	}

	.gs2 .heading, .gs4 .heading{
		margin-top: 15px;
	}

	.login .field{
	   width: 100%;
	}

	.login-form{
       margin-bottom: 40px;
	}

	.inner-banner {
	    min-height: 175px;
	    background-size: 100%;
	    background-repeat: no-repeat;
	} 

	.inner-banner h1 {
	    top: 55%;
	    font-size: 27px;
	}

	.grey-bg {
      padding: 30px 15px;
    }

    .header .nav-item .dropdown-menu{
    	border:transparent;
    }

    .tpm {
	    padding: 30px 5px;
	}

	[class^='imghvr-'] figcaption, [class*=' imghvr-'] figcaption{
		padding: 55% auto;
	}

	.icons {
	    padding-left: 15px;
	}

	.icons:before{
		left: 5%;
	}

	#vision p, #mission p {
	    width: 100%;
	}

	.gs1 p, .gs2 p, .gs3 p, .gs4 p{
		width: 100%;
	}

	.footer ul.list-style li {
	    display: inline-block;
	    margin-left: 5px;
	    margin-right: 5px;
	}

}