@media only screen and (min-device-width : 228px) and (max-device-width : 320px) {
.date{
font-size:13px !important;
}

.tophead{
min-height:15px !important;
top:7px !important;
}

.mainNav{
width:100% !important;
padding:0 !important;
}
.mainNav:before{
border-left: 0px solid transparent !important;
border-right: 0px solid transparent !important;
border-top: 0px solid #002556 !important;	 
}

.mainNav:after{
border-left: 0px solid transparent !important;
border-right: 0px solid transparent !important;
border-top: 0px solid #002556 !important;
}

.sld{
bottom:-25px !important;
}
.sld li {
width:15px !important;
height:15px !important;
}
.sld .active{
width:16px !important;
height:16px !important;
}
.btm{
top:0 !important;
}
.carousel-control{
font-size:12px  !important;
}

.sbdr{
width:8% !important;
}
.bdr{
width:8% !important;
}
.ftr_menu ul{
padding:0 !important;
}
.ftr_social ul{
padding:0 !important;

}
.intro_p p a{
margin-bottom:60px !important;

}
.btn-4 {
margin-bottom:20px !important;
}
.services_img{
padding-bottom:10px  !important;
}
.pad20{
padding:20px 0  !important;
}
.mt30{
margin-top:30px !important;
}
.imb30{
margin-bottom:30px !important;
}
.emi{
margin-top:20px !important;
}
.msg_box p{
padding:10px 20px !important;
}
.msg_box{
margin-bottom:20px !important;
}
.msg_box img{
width:50% !important;
}
.imgfleft{
width:50% !important;
padding-right:10px !important;
}
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

.tophead{
min-height:15px !important;
top:7px !important;
}
.mainNav{
padding:0 !important;
}

.mainNav{
width:100% !important;
}

.mainNav:before{
border-left: 0px solid transparent !important;
border-right: 0px solid transparent !important;
border-top: 0px solid #002556 !important;
	 
}

.mainNav:after{
border-left: 0px solid transparent !important;
border-right: 0px solid transparent !important;
border-top: 0px solid #002556 !important;
}
.sld{
bottom:-25px !important;
}
.sld li {
width:15px !important;
height:15px !important;
}
.sld .active{
width:16px !important;
height:16px !important;
}
.btm{
top:0 !important;
}
.carousel-control{
font-size:12px  !important;
}
.sbdr{
width:8% !important;
}
.bdr{
width:8% !important;
}
.qlinks_m{
padding-bottom:30px !important;
padding-top:30px !important;
}
.ftr_left{

display:none;
}
.ftr_right{
display:none;

}
.ftr_menu ul{
padding:0 !important;
}
.ftr_social ul{
padding:0 !important;

}
.intro_p p a{
margin-bottom:60px !important;

}
.btn-4 {
margin-bottom:20px !important;
}
.services_img{
padding-bottom:10px  !important;
}
.pad20{
padding:20px 0  !important;
}
.mt30{
margin-top:30px !important;
}
.imb30{
margin-bottom:30px !important;
}
.emi{
margin-top:20px !important;
}
.msg_box p{
padding:10px 20px !important;
}
.msg_box{
margin-bottom:20px !important;
}
.msg_box img{
width:50% !important;
}
.imgfleft{
width:50% !important;
padding-right:10px !important;
}
}


@media only screen and (min-device-width : 720px) and (max-device-width : 1280px) {

.carousel-control{
font-size:16px  !important;
}
.event_list ul{
font-size:1.1em !important;

}
}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

.navbar-inverse .navbar-nav>li>a {
font-size:14px !important; 
}

.nav > li > a{
padding:10px 11px !important; 
}
.navbar-nav > li > a{
padding-top:15px  !important; 
padding-bottom:15px  !important; 
}

.qlinks_title a h4{
font-size:14px !important;
}
.sld{
bottom:-25px !important;
}
.sld li {
width:17px !important;
height:17px !important;
}
.sld .active{
width:18px !important;
height:18px !important;
}
.mvg_title{
width: 36% !important;
}
}

@media only screen and (min-device-width : 1367px) and (max-device-width : 1920px) {

}