@media only screen and (max-width: 767px) {

div.caption p.caption-text1 {
    margin: 0;
    background-color: #00B3DC;
    color: #ffffff;
    line-height: 3rem;
    text-align: center;
    font-size: 12px;
    height: 5em;
    /* margin-top: 0; */
    /* margin-bottom: 0; */
    vertical-align: middle !important;
    display: inline-block;
    min-width: 300px !important;
}
}

h1 {
border: none;
padding: 10px 0;
}
.morebt
{   height: 50px;
    width: 100%;
    line-height: 39px;
    vertical-align: middle;
    padding: 0px 9px;
    color: #000000!important;
    position: relative;
    display: inline-block;
    font-size: 1.1rem!important;
    background-image: url(/sites/default/files/images/homepage/buton.png);
    background-repeat: no-repeat;
}


/* for news view */
.newsimg {
    float: left;
    margin-right: 32px;
    width: 308px;
    padding: 0px !important;
    margin-block-start: 0px!important;
}
.newsh1 {
    font-family: 'Arimo',sans-serif;
    margin-bottom: 20px;
    margin-right: 10px !important;
    padding-top: 0px !important;
    font-size: 1.5em;
    font-weight: 600;
    text-align: left!important;
}
.rmore {
    font-size: 1.4em;
    text-decoration: underline;
    color: #00698C;
}
a.btnv{
    height: 50px;
    width: 220px;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
    padding: 0px 10px;
    color: #fff!important;
    background-color: #00b3dc;
    position: relative;
    display: inline-block;
    font-size: 1.3rem!important;
    font-weight: 600;
    margin-left: 10px
}
a.btnv:after{
    position:absolute;
    right:-20px;
    content:" ";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 25px 0 25px 20px;
    border-color: transparent transparent transparent #00B3DC;
}
a.btnv:hover{
    background-color:#00B3DC;
    color: #000000 !important;
    text-decoration: none!important;

}
a.btnv:hover:after{
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 25px 0 25px 20px;
    border-color: transparent transparent transparent #00B3DC;
    color: #000000 !important;
    text-decoration: none!important;

}
#whatsnew {
    background: #D5D0CA;
}
.one_fourth_hnews {
position: relative;
    margin-right: 0;
    margin-bottom: 0;
    float: left;
    padding: 0.6em;
    width: 30%;
    line-height: 1.2rem;
    font-stretch: expanded!important;
    font-size: 12px;
    text-align: left!important;
    border-left: 4px solid;
    border-color: #00B3DC;
}

/* end */
*{
	text-align: unset;
	text-justify: inter-character;
}
.one_fourth {
	position: relative;
	margin-right: 0;
	margin-bottom: 0;
	/* margin-bottom: 20px; */
	float: left;
	border: 1px solid #eadcdc;
	border: 2px solid #eadcdc;
	padding: .6em;
	width: 23%;
    line-height: 1.2rem;
    font-stretch: expanded !important;
    font-size: 12px;
	text-align: left !important;
}

.four_fifths {
	width: 73%;
	margin-bottom: 0;
}
a.buy {
    left: auto;
    right: auto;
    display: block;
	padding:0.7em 1.4em;
	margin:0 0.3em 0.3em 0;
	border-radius:0.15em;
	box-sizing: border-box;
	font-weight:600;
	color:#000000;
	background-color:#FDB714;
	box-shadow:inset 0 -0.6em 0 -0.35em rgba(0,0,0,0.17);
	text-align:center;
	position:relative;
	cursor: pointer;
}
a.buy:active{
	top:0.1em;
	color:#000000;
	cursor: pointer;
}
a.buy[href]:hover, a.buy[href]:active, a.buy[href]:focus{
	color:#000000;
	cursor: pointer;
}
@media all and (max-width:30em){
	a.buy{
		display:block;
		margin:0.4em auto;
		}
}
#text {
	position:absolute;
	left:70px;
	top:50px;
	color:#003146;
	font-size:5em;
	font-weight:bold;
	width:7em;
	word-wrap:break-word;
	text-align: left !important;
	text-justify:none !important;

}
#ptext{
 line-height: 1.3rem;
 font-size: 0.95rem;

}


.span_side
{
    text-decoration: underline;
    font-size: .8em;
    color: #00698C;
    font-weight: 600;
   /*  margin-left: 20px; */
    line-height: 1.4rem;
}
.img
{
    width: 100%;
    height: auto !important;
}
/*----------------------
Image CAPTION
------------------------ */
a.caption-link {
    color: #ffffff;
}
a.caption-link:hover{
    color: #ffffff;
}
div.caption-inner {
    border: 0;
    padding: 0px;
    background: none;
    font-size: .9rem;
    text-align: center;
    max-width: 100%;
    width: auto;
    font-weight: bold;
}

div.caption,div.caption-width-container{max-width:100%}
/* remove div.caption-inner{border:1px solid #ccc;padding:4px;background:#f3f3f3;font-size:.857em;text-align:center;max-width:100%;width:auto}*/
div.caption p.caption-text{margin:.25em 0}
div.caption img,div.caption object{margin-bottom:5px;display:block}
div.caption-left{float:left;margin:10px 10px 10px 0}
div.caption-right{float:right;margin:10px 0 10px 10px}
div.caption-center{display:block;text-align:center}
div.caption-center .caption-width-container{display:inline-block}



div.caption p.caption-text1 {
    margin: 0;
    background-color: #00B3DC;
    color:#ffffff;
    line-height: 3rem;
    text-align: center;
    font-size: 12px;
	height: 5em;
    /* margin-top: 0; */
    /* margin-bottom: 0; */
    vertical-align: middle !important;
    display: inline-block;
    min-width: 217px;
	}
div.caption p.caption-text2 {
    margin: 0;
    background-color: #00698C;
    color:#ffffff;
    line-height: 3rem;
    text-align: center;
    font-size: 12px;
	height: 5em;
    /* margin-top: 0; */
    /* margin-bottom: 0; */
    vertical-align: middle !important;
    display: inline-block;
    min-width: 217px;
	}
div.caption p.caption-text3 {
    margin: 0;
    background-color: #000000;
    color:#ffffff;
    line-height: 3rem;
    text-align: center;
    font-size: 12px;
    height: 5em;
    vertical-align: middle!important;
    display: inline-block;
    min-width: 217px;	
}
div.caption p.caption-text4 {
    margin: 0;
    background-color: #EF373E;
    color:#ffffff;
    line-height: 3rem;
    text-align: center;
    font-size: 12px;
	height: 5em;
    /* margin-top: 0; */
    /* margin-bottom: 0; */
    vertical-align: middle !important;
    display: inline-block;
    min-width: 217px;
}
div.caption p.caption-text5 {
    margin: 0;
    background-color: #6D0020;
    color: #fff;
    line-height: 3rem;
    text-align: center;
    font-size: 12px;
    height: 5em;
    /* margin-top: 0; */
    /* margin-bottom: 0; */
    vertical-align: middle !important;
    display: inline-block;
    min-width: 217px;
}
div.caption p.caption-text6 {
    margin: 0;
    background-color: #a94f16;
    color: #fff;
    line-height: 3rem;
    text-align: center;
    font-size: 12px;
    height: 5em;
    /* margin-top: 0; */
    /* margin-bottom: 0; */
    vertical-align: middle !important;
    display: inline-block;
    min-width: 217px;
}
div.caption p.caption-text7 {
    margin: 0;
    background-color: #003146;
    color:#ffffff;
    line-height: 3rem;
    text-align: center;
    font-size: 12px;
    height: 5em;
    vertical-align: middle!important;
    display: inline-block;
    min-width: 217px;
}
div.caption p.caption-text8 {
    margin: 0;
    background-color: #00B3DC;
    color: #fff;
    line-height: 1.6rem;
    text-align: center;
    font-size: 12px;
    height: 5em;
    /* margin-top: 0; */
    /* margin-bottom: 0; */
    vertical-align: middle !important;
    display: inline-block;
    min-width: 217px;
}

div.caption img, div.caption object {
    margin-bottom: 0px !important;
    display: block;
}
.pimage {
    display: block;
    margin-block-start:  0px;
    margin-block-end:  0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

@media only screen and (max-width: 600px) {


}