@charset "utf-8";
/* CSS Document */

@media only screen and (max-width:1200px){
	.wrapper{width:90%;}
	}
	
@media only screen and (max-width:1024px){
.graphics {left:-10px}
.your-safty, .dont-wait { padding:40px 0}
.we-are { padding:40px 0 20px 0}
.pointer-section ul strong { font-size:19px}
.img-section { margin-top:40px}
.your-dreams-section { padding:40px 0 60px 0}
.content-section2 { padding:0}
.left-para {width:45%}
.your-dreams-section{ padding:40px 0 124px 0}
.lpu-collaborations-inner .logo-list li { margin-right:79px}
.dont-wait li{font-size:16px}
.content-section2{padding:40px 0}

}

@media only screen and (max-width:1023px){
.banner-section h3, .your-safty h3, .dont-wait h3, .we-are h3 {font-size:30px}
.banner-section button a{padding:15px 45px; font-size:18px}

.thumb-section { margin-top:100px}
.thumb-section ul { width:100%}
.thumb-section li {width:16%; margin-right:5px;}
.thumb-section li img{width:95%}

.left-para{width:100%;}
.right-chart{width:100%;}
.para h4 { font-size:25px}
.your-safty ul { padding:40px 0 25px 0}
.text_box .text3, .dont-wait li { font-size:14px}
.pointer-section { width:100%}
.pointer-section li { font-size:14px}
.your-safty li { width:48%; height:120px}
.img-section { width:100%; margin-top:0;}

.graphics{left: -58px;}

.lpu-collaborations-inner{margin-top:0}
.your-dreams-section { padding:40px 0 0 0}
.lpu-collaborations-inner .logo-list li { margin-right:33px}
.right-chart .table{margin:0 auto;}
}

@media only screen and (max-width:767px){
	.wrapper { width:95%}

	.banner-section h3 br{display:block;}
	.thumb-section{display:none;}
	.thumb-section-mob{display:block; margin-top:50px}
	.thumb-section-mob img{width:100%; display:inline;}
	
	.para h4 br{display: block}
	.lpu-collaborations-inner h3 { font-size:16px}
	.lpu-collaborations-inner { padding:18px}


	.lpu-collaborations-inner h3 span { display:inline;}

	.your-safty li { height:130px}
.banner-section button a, footer .secure-button a{    line-height: 50px;
    color: #fff;
   padding:0;
    display: inline-block;
    text-align: center;
    min-width: 240px;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 7px;
}
.lpu-collaborations-inner .logo-list li { margin-right:15px}
footer .secure-button { margin-top:0}

.your-dreams-section h3 { font-size:20px}
.left-para p { font-size:16px; margin-top:0}
.content-section2 { padding:10px 0}
.right-chart .table ul li strong { font-size:25px}
.we-are {padding:20px 0 30px 0}
.banner-section h3, .your-safty h3, .dont-wait h3, .we-are h3{font-size:25px}
.pointer-section ul { margin-top:0}
.pointer-section ul strong { font-size:15px; font-weight:700}
.pointer-section ul strong br{display:none;}
.pointer-section li strong{font-size:17px!important}
.we-are h3 span{text-align:left; font-size:15px}

.your-safty, .dont-wait { padding:20px 0}
.dont-wait ul { margin-top:10px}
.dont-wait li br{display:none;}
.para{ margin:15px 0 }
.img-section{display:none;}
.pointer-section ul{ padding:15px 0 0 0}
.your-dreams-section{ padding:20px 0 0 0}
.banner-section h5{font-size:17px}
.banner-section h3{font-size:30px; line-height:1.2}

.banner-section button a, footer .secure-button a{box-shadow:none;}

	}
	
@media only screen and (max-width:600px){
.left-para{padding-right:0;}
.right-chart{ padding:10px 0px}
	}	
	
	@media only screen and (max-width:500px){
.right-chart .table{width:100%; border:none}
.right-chart .table ul li:first-child { padding-left:0}
.right-chart .table { background-position:-15px top}
.your-safty li { height:166px}


.para h4 { font-size:18px}
.your-safty ul {padding:30px 0 25px 0}
.text_box .text3, .dont-wait li { font-size:12px}

.your-safty{ padding: 20px 0 0 0}
.banner-section h3 {font-size:30px}
.banner-section h5 { font-size:16px; margin-top:5px}
.we-are h3 span { font-size:14px}
.pointer-section li strong {font-size:13px!important}
.left-para p { font-size:16px}
.your-safty h3{font-size:20px}

}

@media only screen and (max-width:414px){
.right-chart .table { background:url(../images/lines2.jpg) no-repeat -80px top;}

.right-chart .table ul li strong {font-size:20px; font-family: 'Oswald'; font-weight:normal}
.right-chart .table ul li:first-child {width:70px}
.right-chart .table ul li span {font-size:11px;  font-family: 'Lato'; font-weight:normal}
.right-chart .table ul li { padding-top:40px;    }
.lpu-collaborations-inner .logo-list ul{margin-top:20px}
.para h4{font-size:20px; line-height:1.2;}
.your-safty li{width:100%;}
.text_box .text3{font-size:16px}
.dont-wait li {font-size:15px}
.text_box .icon3{width:50px;}
.text_box .text3{width:calc(100% - 50px);}
.your-safty li { height:auto; margin-bottom:20px}

.thumb-section-mob { margin-top:15px}
.dont-wait li{line-height:1.2}
.we-are h3{font-size:20px}
.we-are h3 span { font-size:16px}
.pointer-section li{font-size:16px; margin-bottom:10px}
.your-dreams-section{ background-color:#ffffff;}
.right-chart .table ul li:first-child {width:103px;}
.dont-wait ul{margin-left:-13px}
.right-chart .table ul li:nth-child(2) {padding-left:39px}

.lpu-collaborations-inner .logo-list li {width:auto}
.lpu-collaborations-inner .logo-list li:first-child{margin-right:0}
.lpu-collaborations-inner .logo-list li:first-child img{width:90%}
.lpu-collaborations-inner { padding:6px}

.banner-section button{float:none; width:auto; margin:0 auto; text-align:center}

.dont-wait h3{font-size:20px}
.left-para p{font-family: 'Lato';}
.abt_section h4{font-family: 'Lato';}
.pointer-section ul strong{font-family: 'Lato';}
	}
	
	@media only screen and (max-width:400px){
		.right-chart .table ul li:first-child { width:90px}

		}
		
		@media only screen and (max-width:360px){
		.right-chart .table ul li:first-child { width:82px}

		}