



.container {
    max-width: 80%;
    width: 100%;
    padding-right: 0;
    padding-left: 23px;
}
.productMenu{
	background-color: white;
border: none;
}
ul{
	list-style: none;
}
a {
    outline: none;
    text-decoration: none;
    color: #fff;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    background-color: transparent;
}
.theme-color{
    color: #EB6147;
}

.modal-dialog {
      max-width: 800px;
      margin: 130px auto;
  }



.modal-body {
  position:relative;
  padding:0px;
}
.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}
/*
Section 1*/
.main-img{
	height: 570px;
width: 780px;
}
.start-section{
	margin-top: 115px;
margin-bottom: 115px;
}
.home-main{
	/*margin-left: -180px; */
}
.dots{
	position: absolute;
	left: -80px;
	top: 500px;
}
.home-polygon{
	position: absolute;
	top: 30px;
	left: 15px;
}
.home-left{
	display: inline-block;
	margin: 120px 50px 0px 0px;
}
.home-left .buttons a{
	display: inline-block;height: 58px;width: 228px;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	padding-top: 15px !important;
}
.home-left .buttons a.button-josh-outline{
	color: #EB6147!important; padding-left: 20px!important;
}
.home-left .buttons a.button-josh-full{
	 padding-left: 25px!important;
}

.home-left .line1{
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 132.7%;
	/* or 29px */
	color: #000000;
}
.home-left .line2{
	font-style: normal;
	font-weight: bold;
	font-size: 30px;
	line-height: 132.7%;
	/* identical to box height, or 69px */
	color: #000000;margin-top: 10px;
}
.home-left .para-home{
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 150%;
	/* or 30px */
	color: #757575;
	margin: 30px 0px;

}
.home-left .tele-call{
	margin-top: 60px;
}

.button-josh-outline-green {
    border-radius: 5px;
    border: 2px solid #3AB54A;
    font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	padding: 15px !important;
    color: #3AB54A;
    vertical-align: middle;
    margin-top: 10px;
	display: inline-block;
}
.button-josh-outline-green:hover{
	color: #000;
}
.button-josh-outline-green span{
	vertical-align: top;
}
.tele-call p{
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 150%;
	/* identical to box height, or 30px */
	color: #757575;
}



/*Section2 */
.mascot-section{
	padding-top: 50px;position: relative;
}
.mln-90{
/*margin-left: -90px;*/
}
.mascot_new{
	padding: 0px 0px 50px 50px;
}
.bg-non-static{
background-color: #F7F8FA;
width: 50.5%;
height: 86%;
position: absolute;
bottom: 0px;
top: 6.5%;
z-index: -1;
}
.mascot-bg{
	/* background: #F7F8FA;*/

}
.mascot-bg svg{
	position: absolute;
	top: 79px;
	left: 133px;
}
.mascot-title{
	font-weight: 600;
	font-size: 30px;
	line-height: 51px;
	text-align: right;
	margin-top: 89px;
	margin-right: 10px;
}

.polygon{
	position: relative;	
	/*top: 0px;*/
	padding: 0px 30px 0px 0px;
	/*right: -90%;*/left: 35rem;
	width: 90px;
	display: inline-block;
}
.overlay{
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 62.5%, #000000 100%);
	width: 300px;
	height: 215px;
	z-index: 1;
	position: absolute;
}
.play-btn{
	cursor: pointer;
	position: relative;
	position: absolute;
	margin-top: 8rem;margin-left: -18rem;
	z-index: 2;
}
.video-box{
	padding-top: 80px;
}
.souldiervideo{
	margin-bottom: 20px;display: inline-flex;height: 215px;width: 300px;
}
.souldiervideo .poster{width: 100%;height: auto;}
.souldiervideo p{
	
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 128.5%;
	/* identical to box height, or 23px */
	color: #FFFFFF;
	position: absolute;
	margin-left: 10px;margin-top: 18rem;
	z-index: 2;
}
.pr{padding-right: 10px;}
.separator{
	height: 1px;background: #C4C4C4;width: 602px;margin-top: 0px;
}
.footer{
	display: inline-block;
	/*border-top: 1px solid #C4C4C4;*/
	width: 96%;
	
}
.footer a{
	/*font-family: Inter;*/
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 128.5%;
	/* identical to box height, or 26px */
	margin-top: 21px;
	color: #000000;
	/*margin-left: 15px;*/
	display: inline-block;
}

/*section 3*/
.mr-20{
	margin-right: 20px;
}
.how-box-title h4{
	font-style: normal;
	font-weight: 600;
	font-size: 40px;
	line-height: 128.5%;
	/* or 51px */

	text-align: center;

	color: #000000;
	margin-bottom: 60px;
}
.how-box{
	border: 1px solid #C4C4C4;
	padding: 30px 50px;
	text-align: center;
	height: 330px;
	margin-bottom: 20px;
}
.how-img{
	height: 170px; width: 100%;
	display: inline-flex;
    justify-content: center;
    background-position: center bottom;
    background-repeat: no-repeat;
		background-size: contain;
}		
.how-box .how-step ol{
	margin-top: 30px;
}
.how-box .how-step ol li {
	font-style: normal;
	font-weight: normal;
	
	line-height: 150%;
	/* or 30px */

}
.how-box .how-step ol li {
	font-size: 18px;
	color: #EB6147;
}
.how-box .how-step ol li span{
	font-size: 16px;
	color: #757575;
}

/*Section 4*/
.share-section{
	padding: 60px 0px;
	background-color: #F7F8FA;
}
.share-title h4{
	font-style: normal;
	font-weight: 600;
	font-size: 40px;
	line-height: 128.5%;	/* or 51px */
	text-align: left;	
	margin-bottom: 60px;
}
.catgories{
	padding-top: 20px;
}
.catgories p{
	font-size: 12px;
}

  .category-table .table th {
    padding: 20px !important;
	background-color: #EB6147;
	color: white;
	border-top: 0 !important;
	border-bottom: 2px solid #EB6147 !important;font-weight: 600;
    }
    /*.category-table .table tr:hover {
    background-color: #3A3A3A;
    }*/
    .category-table .table th:first-child{
    	border-right: 0.5px solid #fff; text-align: left!important;
    	width: 25%;
    }
    .category-table .table td:first-child{
    	border-right: 0.5px solid #F7F8FA; 
    	text-align: left!important;
    	width: 25%;
    	
    }
    .category-table .table td:first-child span{
    	margin-right: 8px;
    }
    .category-table .table {
	    background: #fff;
	    color: #000;
    }
    .category-table {
	    border: 0;
	    font-style: normal;		
		font-size: 14px;
		line-height: 128.5%;		/* or 31px */
		text-align: center;

		
    }
    .category-table .table .tag{
    		
			padding: 4px 11px;
			background: #F2F2F2;
			border-radius: 5px;
			margin-bottom: 5px;
			display: inline-block;
			font-size: 12px;

    }
    .category-table .table>    tbody>    tr>    td,
    .category-table .table>    tbody>    tr>    th,
    .category-table .table>    tfoot>    tr>    td,
    .category-table .table>    tfoot>    tr>    th,
    .category-table .table>    thead>    tr>    td,
    .category-table .table>    thead>    tr>    th {
    border-top: 1px solid #F7F8FA;
    text-align: left;
    padding: 20px;
    }
    .form-box2{
    	background: white;
		padding: 50px;
		margin-top: 20%;
    }
    .form-box2 h2{
    	font-style: normal;
		font-weight: 500;
		font-size: 22px;
		line-height: 138%;
		/* or 33px */
		color: #000000;
		margin-bottom: 20px;
    }
    .form-box2 .share{
    	margin-top: 0px;
    	margin-bottom: 80px;
    	border-radius: 5px;
    }
    .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple{
    	font-size: 16px;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--multiple .select2-selection__rendered{
    	font-size: 1.5rem!important;margin-bottom: 0px!important;
    }
.proceed{
	width: 100%;
height: 40px;
width: 170px;
font-size: 16px;
padding-top: 5px !important;
display: inline-block;
text-align: center;
font-weight: 600;
}
/*section 4*/
.impact{
	padding-top: 60px;
}

.impact .title{
	font-style: normal;
	font-weight: 600;
	font-size: 40px;
	line-height: 128.5%;
	/* or 51px */
	text-align: left;
	color: #000;
}
.impact .impact-para{
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 132.7%;
	/* or 27px */
	color: #757575;
	margin:30px 0px;
}
.impact-counter{
	background: #F7F8FA;
	border: 1px solid #EB6147;
	box-sizing: border-box;
	border-radius: 8px;
	width: 268px;
	height: 191px;
	margin-bottom: 30px;
}

.impact-counter svg{
	margin: 30px 42% auto;
}
.impact-head{
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	line-height: 128.5%;
	/* identical to box height, or 39px */
	text-align: center;
	color: #EB6147;
}
.impact-head span{
	font-size: 18px;
}
.impact-counter p{
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 128.5%;
	/* identical to box height, or 21px */
	text-align: center;
	color: #000000;
}

/*Section 5*/
.jse{
	padding-top: 60px;
	background-color: #F7F8FA;
}
.jse .title{
	font-style: normal;
	font-weight: 600;
	font-size: 40px;
	line-height: 128.5%;
	/* or 51px */
	text-align: left;
	color: #000;
	text-align: center;
}
.para{
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 132.7%;
	/* or 27px */
	text-align: center;
	color: #757575;
	margin: 30px 0px;
}
.select2-container--default .select2-selection--single {
    border-bottom: 1px solid #f1f1f1 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 5px !important;
}

#search-field1, .searchngo {
        padding: 10px 10px 10px 3.5rem;
    height: 4.7rem;
    font-family: 'Inter';
    font-size: 1.3rem;
    color: rgba(0, 0, 0, 0.5);
    border: 1px solid #aaa;
    width: 100%;
    border-radius: 5px;
}
 .productsearch1 img {
    left: 2.5rem;
    margin-top: 1.5rem;
    position: absolute;
    width: 6%;
    height: auto;
}
.jse .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--multiple .select2-selection__rendered{
		font-size: 1rem!important;
	}

.form-box2 .select2{
        width: 100%!important;
    }

	/*For mobile*/
@media (min-width: 320px) and (max-width: 767px) {

   .container {    max-width: 100%;}
   .main-container-6 {  padding: 30px 0px 30px !important;}
   /*.navbar-brand {padding: 15px 15px;}*/
   .navbar-brand > img{  	width: 60%;  }
   .navbar-default .navbar-toggle{left:-10px;}
/*Section 1*/
  .start-section{margin-top: 8rem;margin-bottom: 8%;}
  .home-polygon{top:0px;width: 20px; }
  .home-left{margin: 3rem 0px 0px 0px;}
  .home-left .line1{font-size: 12px;}
  .home-left .line2{font-size: 16px;}
  .home-left .para-home{font-size: 10px;margin: 1.5rem 0px;}
  .home-left .buttons a{height: 34px;width: 128px;font-size: 12px;line-height: 14px;padding-top: 8px !important;}
  .home-left .buttons a.button-josh-full,.home-left .buttons a.button-josh-outline {    padding-left: 15px !important;}
  .home-left .tele-call {    margin-top: 1.5rem;}
  .tele-call p{font-size: 10px;}
  .main-img {    height: 65vw;width: 100%;margin-top: 1rem;z-index: 2;position: relative;}
  .button-josh-outline-green {    font-size: 10px;    padding: 0.2rem !important;    margin-top: 0.2rem;    height: 30px;}
  .button-josh-outline-green svg{width: 15px;height: 15px;margin-top: 4px;}
  .dots {left: 0px;top:14.8rem;width: 80px;}
  /*Section 2*/
  /*.mascot-section{padding-top: 0px;}*/
  .souldiervideo {height: 10%;width: 48%;margin-bottom: 10px;}
  .separator{width: 98%;}
  .souldiervideo p{margin-top: 26%;font-size: 8px;}
  .play-btn {   margin-top: 12%;width: 22px;margin-left: -25%;}
  .mascot-title{margin-top: 0rem;font-size: 14px;line-height: revert;}
  .mascot_new {    padding: 0px 0px 0px 0px;width: 55%;}
  .bg-non-static{display: none;}
  .footer a{font-size: 12px;margin-top: 8px;}
  .polygon{left: 85%;position: absolute;bottom: -10px;}
  .polygon img{width: 50%;}
  .mascot-bg svg {   top: -3rem;left: 4rem;width: 80px;}
  .video-box {    padding-top: 1rem;}
  .pr {    padding-right: 0px;}
/*Section 3*/
  .how-box{height: 130px;padding: 10px 20px;margin-bottom: 6%;}
  .how-img {    height: 40%;}
  .how-box .how-step ol {    margin-top: 10px;}
  .how-box .how-step ol li {    font-size: 10px;line-height: revert;    }
  .how-box .how-step ol li span {    font-size: 8px;}
  .how-box-title h4 {font-size: 20px;margin-bottom: 10%;}
/*Section 4*/
  .share-title h4{font-size: 16px;margin-bottom: 2rem;}
  .category-table{font-size: 10px;}
  .category-table .table th,
  .category-table .table>    tbody>    tr>    td,
  .category-table .table>    tbody>    tr>    th,
  .category-table .table>    tfoot>    tr>    td,
  .category-table .table>    tfoot>    tr>    th,
  .category-table .table>    thead>    tr>    td,
  .category-table .table>    thead>    tr>    th {  
	     padding: 1.5rem !important;
	}
	.category-table .table .tag{font-size: 8px;}
	.category-table .table tr td svg{width: 1.2rem;}
	.form-box2 h2 {font-size: 2rem;}
	.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple{
		padding: 10px;/*font-size: 12px;*/
	}
	.select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--multiple .select2-selection__arrow{
		top: 0px;
	}
	.catgories p {    font-size: 8px;}
	.form-box2 {    background: white;    padding: 2.5rem;}
	.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--multiple .select2-selection__rendered {
		font-size: 12px;
	}
	.form-box2 .share{margin-bottom: 0px;}
	.select2-container--default .select2-selection--single{
		padding: 0px!important;
		font-size:12px;
	}
	/*Section 5*/
	.impact .title{font-size: 20px;}
	.impact .impact-para{font-size: 12px;margin: 1rem 0px;}
	.impact-counter{width: 45%;height: 10rem;margin-bottom: 2rem;display: inline-block;}
	.impact-counter svg {    margin: 1.5rem 38% auto;  height: 28px;}
	.impact-head{font-size: 1rem;}
	.impact-counter p{font-size: 8px;}
/*Section 6*/
	.jse .title{font-size: 20px;}
	.para{font-size: 12px;margin: 2rem 0px;}

	.productsearch1 img{width: 5%;}
}

	/*For ipad*/
@media (min-width: 768px) and (max-width: 1024px) {

   .container {    max-width: 92%;}
   .main-container-6 {  padding: 30px 0px 30px !important;}

   .navbar-brand > img{  	width: 65%;  }
  .navbar-default .navbar-nav > li > a {font-size: 10px;padding: 3px !important;}
  .navbar-nav > li {    margin-left: 5px;}
  	.navbar-default .navbar-collapse{padding-left: 2px;padding-right: 2px;}
/*Section 1*/
  .start-section{margin-top: 8rem;margin-bottom: 8%;}
  .home-polygon{top:0px;width: 20px; }
  .home-left{margin: 3rem 0px 0px 0px;}
  .home-left .line1{font-size: 12px;}
  .home-left .line2{font-size: 16px;}
  .home-left .para-home{font-size: 10px;margin: 1.5rem 0px;}
  .home-left .buttons a{height: 34px;width: 128px;font-size: 12px;line-height: 14px;padding-top: 8px !important;}
  .home-left .buttons a.button-josh-full,.home-left .buttons a.button-josh-outline {    padding-left: 15px !important;}
  .home-left .tele-call {    margin-top: 1.5rem;}
  .tele-call p{font-size: 10px;}
  .main-img {    height: 300px;width: 100%;margin-top: 1rem;}
  .button-josh-outline-green {    font-size: 10px;    padding: 0.2rem !important;    margin-top: 0.2rem;    height: 30px;}
  .button-josh-outline-green svg{width: 15px;height: 15px;margin-top: 4px;}
  .dots {left: -20px;top: 16.8rem;width: 70px;}
  /*Section 2*/
  /*.mascot-section{padding-top: 0px;}*/
  .souldiervideo {height: 10%;width: 48%;margin-bottom: 10px;}
  .separator{width: 98%;}
  .souldiervideo p{margin-top: 26%;font-size: 8px;}
  .play-btn {   margin-top: 12%;width: 22px;margin-left: -25%;}
  .mascot-title{margin-top: 0rem;font-size: 14px;line-height: revert;}
  .mascot_new {    padding: 0px 0px 0px 0px;width: 75%;}
  .bg-non-static{display: none;}
  .footer a{font-size: 12px;margin-top: 8px;}
  .polygon{left: 85%;position: absolute;bottom: -10px;}
  .polygon img{width: 50%;}
  .mascot-bg svg {   top: -3rem;left: 6rem;width: 80px;}
  .video-box {    padding-top: 1rem;}
  .pr {    padding-right: 0px;}
/*Section 3*/
  .how-box{height: 130px;padding: 10px 20px;margin-bottom: 6%;}
  .how-img {    height: 40%;}
  .how-box .how-step ol {    margin-top: 10px;}
  .how-box .how-step ol li {    font-size: 10px;line-height: revert;    }
  .how-box .how-step ol li span {    font-size: 8px;}
  .how-box-title h4 {font-size: 20px;margin-bottom: 5%;}
/*Section 4*/
  .share-title h4{font-size: 16px;margin-bottom: 2rem;}
  .category-table{font-size: 8px;}
  .category-table .table th,
  .category-table .table>    tbody>    tr>    td,
  .category-table .table>    tbody>    tr>    th,
  .category-table .table>    tfoot>    tr>    td,
  .category-table .table>    tfoot>    tr>    th,
  .category-table .table>    thead>    tr>    td,
  .category-table .table>    thead>    tr>    th {  
	     padding: 0.7rem 0.7rem 0.7rem 1.5rem !important;;
	}
	.catgories {    padding-top: 0px;}
	.category-table .table .tag{font-size: 8px;}
	.category-table .table tr td svg{width: 1.2rem;}
	.form-box2 h2 {font-size: 2rem;}
	.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple{
		padding: 10px;/*font-size: 12px;*/
	}
	.select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--multiple .select2-selection__arrow{
		top: 0px;
	}
	.catgories p {    font-size: 8px;}
	.form-box2 {    background: white;    padding: 2.5rem;}
	.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--multiple .select2-selection__rendered {
		font-size: 12px;
	}
	.select2-container--default .select2-selection--single{
		padding: 0px!important;
		font-size:12px;
	}
	.form-box2 .share{margin-bottom: 0px;}
	.select2{width: 100%!important;}
	/*Section 5*/
	.impact .title{font-size: 20px;}
	.impact .impact-para{font-size: 12px;margin: 1rem 0px;}
	.impact-counter{width: 65%;height: 10rem;margin-bottom: 2rem;display: inline-block;}
	.impact-counter svg {    margin: 1.5rem 38% auto;  height: 28px;}
	.impact-head{font-size: 1rem;}
	.impact-counter p{font-size: 8px;}
/*Section 6*/
	.jse .title{font-size: 20px;}
	.para{font-size: 12px;margin: 2rem 0px;}

	.productsearch1 img{width: 2%;}
	.main-shop {    margin-top: 40px;    margin-bottom: 115px;}
}

/*For desktop (1280-1500)*/
@media (min-width: 2501px)  {
	.container {    max-width: 50%;}
}
@media (min-width: 1631px) and (max-width: 2500px) {
	.container {    max-width: 80%;}
}
/*@media (min-width: 1025px) and (max-width: 1280px) {*/
@media (min-width: 1281px) and (max-width: 1630px) {
	.navbar-brand > img{width: 80%;}
.bg-non-static {   height: 86%;top: 5.7%;}	
	/*Section 1*/
.home-main {    /*margin-left: -80px;*/margin-top: 25px;}
.home-polygon {top: 35px;left: 15px;width: 52px;}
.home-left {margin: 100px 50px 0px 0px;}
.home-left .line1 {font-size: 20px;}
.home-left .line2 {font-size: 25px;}
.home-left .para-home {  font-size: 12px;  margin: 20px 0px;}
.home-left .buttons a {   
    height: 40px;
    width: 170px;   
    font-size: 16px;   
    padding-top: 5px !important;padding-left: 25px ;
}
.main-img{
	height: 458px;width: 650px;
}
.home-left .tele-call { margin-top: 45px;}
.button-josh-outline-green {    
    font-size: 14px;    
    padding: 8px 8px 0px 8px !important;    
    margin-top: 10px;    
}
.button-josh-outline-green svg{width: 14px;}
.dots {    position: absolute;    left: -14%;top: 87%;}

/*Section 2*/

.mascot-title {    font-size: 20px;    line-height: 41px;   margin-top: 79px;}
.mascot-bg svg {    top: 69px;}
.mascot_new img{width: 412px;}
.overlay {width: 242px;height: 165px;}
.souldiervideo .poster{width: 100%;height: auto;}
.pr{padding-right: 10px;}
.souldiervideo{height: 180px;width: 250px;}
		
.play-btn {margin-top: 5.5rem;margin-left: -15rem;}
.polygon{/*right: -85%;*/left: 25rem;}
/*.mln-90 {    margin-left: -60px;}*/
.souldiervideo p {font-size: 12px;margin-top: 16rem;}
.separator {width: 502px;}
/*Section 3*/
.how-box{height: 225px;margin-bottom: 20px;padding: 20px 30px;}
.how-box-title h4 {font-size: 32px;}
.how-img{	height: 100px; }
.how-box .how-step ol li span {font-size: 12px;}
.how-box .how-step ol li {	font-size: 14px;}
.how-step{margin-top: -10px;}
.how-box .how-step ol {
    margin-top: 20px;
}
/*Section 4*/
.share-section{padding-top: 60px!important;}
.share-title h4 {font-size: 30px;margin-bottom: 5px;}
.catgories {    padding-top: 30px;}
.category-table .table th {    padding: 15px !important;font-size: 12px;}
.category-table .table>    tbody>    tr>    td,
.category-table .table>    tbody>    tr>    th,
.category-table .table>    tfoot>    tr>    td,
.category-table .table>    tfoot>    tr>    th,
.category-table .table>    thead>    tr>    td,
.category-table .table>    thead>    tr>    th {  
    padding: 15px;
}
.category-table .table .tag{font-size: 10px;}
.form-box2 .share{margin-bottom: 0px;}
.form-box2 h2{margin-bottom: 10px;font-size: 20px;}
.form-box2 {padding-top: 30px;}
.form-box2 .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple{
        padding: 10px;height: 45px;
    }
.form-box2 .select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--multiple .select2-selection__arrow{
        top:10px!important;
    }
    .form-box2 .select2{
        width: 100%!important;
    }

.category-table .table td:first-child{font-size: 12px;}
/*Section 3*/
.impact .title{font-size: 30px;}
.impact .impact-para{font-size: 14px;}
.impact-counter {    width: 208px;    height: 131px;    margin-bottom: 20px;}
.home-impact{width: 680px;}
.impact-counter svg {    margin: 10px 42% auto;    width: 26px;}
.impact-head{font-size: 20px;}
.impact-counter p{font-size: 12px;}

/*Section 4*/
.jse .title {font-size: 30px;}
.para{font-size: 14px;}
.jse .select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--multiple .select2-selection__arrow{
        top:10px!important;
    }
.jse .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple{
        padding: 10px;height: 45px;
    }
.jse .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    font-size: 1.3rem !important;
   }
   .shop .highlight .share a img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
}

@media (min-width: 1280px) and (max-width: 1323px) {
        .souldiervideo {height: 150px;width: 240px;}
        .separator{width: 482px;}
        .souldiervideo p{margin-top: 24%;}
        .play-btn {   margin-top: 50px;width: 42px;}
}

/*For desktop 2 (1024-1079)*/
@media (min-width: 1025px) and (max-width: 1279px) {
  
  /* CSS */
  .navbar-brand > img{  	width: 60%;  }
  .navbar-default .navbar-nav > li > a {font-size: 12px;}
  .navbar-nav > li {    margin-left: 10px;}

  /*Section 1*/
  .start-section{margin-bottom: 15px;}
  .home-polygon{top:0px;width: 52px; }
  .home-left{margin: 65px 0px 0px 0px;}
  .home-left .line1{font-size: 14px;}
  .home-left .line2{font-size: 22px;}
  .home-left .para-home{font-size: 12px;margin: 25px 0px;}
  .home-left .buttons a{height: 34px;width: 128px;font-size: 12px;line-height: 14px;padding-top: 8px !important;}
  .home-left .buttons a.button-josh-full,.home-left .buttons a.button-josh-outline {    padding-left: 15px !important;}
  .home-left .tele-call {    margin-top: 40px;}
  .tele-call p{font-size: 12px;}
  .main-img {    height: 370px;    width: 530px;}
  .button-josh-outline-green{font-size: 12px;padding: 5px !important;margin-top: 8px;height: 34px;}
  .button-josh-outline-green svg{width: 15px;height: 15px;margin-top: 4px;}
  .dots {left: -20px;top: 290px;width: 90px;}
/*Section 2*/
  /*.mascot-section{padding-top: 0px;}*/
  .souldiervideo {height: 140px;width: 180px;}
  .separator{width: 364px;}
  .souldiervideo p{margin-top: 12rem;font-size: 10px;}
  .play-btn {   margin-top: 5rem;width: 32px;margin-left: -11rem;}
  .mascot-title{margin-top: 69px;font-size: 20px;line-height: 31px;}
  .mascot_new {    padding: 0px 0px 30px 30px;width: 75%;}
  .bg-non-static{height: 86%;top: 4.4%;}
  .footer a{font-size: 14px;margin-top: 11px;}
  .polygon{left: 16.5rem;}
  .polygon img{width: 52px;}
  .mascot-bg svg {    top: 55px;    left: 100px;width: 100px;}
  .video-box {    padding-top: 45px;}
/*Section 3*/
  .how-box{height: 230px;padding: 20px 30px;}
  .how-img {    height: 100px;}
  .how-box .how-step ol {    margin-top: 10px;}
  .how-box .how-step ol li {    font-size: 14px;    }
  .how-box .how-step ol li span {    font-size: 12px;}
  .how-box-title h4 {font-size: 30px;}
  
/*Section 4*/
  .share-title h4{font-size: 30px;margin-bottom: 2rem;}
  .category-table{font-size: 12px;}
  .category-table .table th,
  .category-table .table>    tbody>    tr>    td,
  .category-table .table>    tbody>    tr>    th,
  .category-table .table>    tfoot>    tr>    td,
  .category-table .table>    tfoot>    tr>    th,
  .category-table .table>    thead>    tr>    td,
  .category-table .table>    thead>    tr>    th {  
	     padding: 1.5rem !important;
	}
	.category-table .table .tag{font-size: 8px;}
	.category-table .table tr td svg{width: 1.2rem;}
	.form-box2 h2 {font-size: 2rem;}
	.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple{
		/*padding: 10px!important;*//*font-size: 12px;*/
	}
	.select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--multiple .select2-selection__arrow{
		top: 0px;
	}
	.catgories p {    font-size: 10px;}
	.form-box2 {    background: white;    padding: 2.8rem;}
	.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--multiple .select2-selection__rendered {
		font-size: 14px;
	}
/*Section 5*/
	.impact .title{font-size: 30px;}
	.impact .impact-para{font-size: 14px;margin: 2rem 0px;}
	.impact-counter{width: 22rem;height: 10rem;margin-bottom: 2rem;}
	.impact-counter svg {    margin: 1.5rem 42% auto;     height: 28px;}
	.impact-head{font-size: 1.6rem;}
	.impact-counter p{font-size: 12px;}
/*Section 6*/
	.jse .title{font-size: 30px;}
	.para{font-size: 14px;margin: 2rem 0px;}
	
}

/*.login-mob{
	margin-top: 1rem;
margin-left: 5rem;
}*/