/*Mobiles*/
/*@media only screen and (min-width: 300px) and (max-width: 448px) {*/
@media only screen and (max-width:480px), only screen and (max-device-width: 640px) {

html,body{
    margin:0;
    padding: 0;
}
body{
    background-image: url(../images/background_img2a.png);
    background-repeat: no-repeat;
    /*background-size: 200%;
    max-width: 1350px;*/
    font-size: 12px;
    font-family: arial;
    background-position: center top;
}
#container{
    width: 100%;
}
#top-heading h1{
    text-decoration: underline;
    font-style: italic;
    margin: 20px 0px 5px 5px;
}

#top-heading p{
    font-weight: bold;
    font-size: 18px;
    width: 80%;
    margin: 0 auto;
}

#main-box2{

}
.blue-box1{
    border:2px solid #0259C4;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.4);
}

.blue-box1 p{
    padding:0px;
    margin:0px;
    color: #000;
}

.blue-box2{
    border:2px solid #0259C4;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.4);
}

.blue-box2 p{
    padding:0px;
    margin:0px;
}

.width35{
    width:35%;
}

.width50{
    width:90%;
}

.width65{
    width:90%;
}

.width75{
    width:86%;
}

.pad10{
    padding: 10px;
}

.pad15{
    padding: 15px;
}

.padding-top20{
    padding-top:20px;
}

.float-left{
    float:left;
}

.float-right{
    float: right;
}

.clear-both{
    clear:both;
}

.colum-left{
    width:100%;
}

.colum-right{
    width: 100%;
}

.margin-top55{
    margin-top:5px;
}

.margin-top100{
margin-top: 5px;
}

.margin-right25{
    margin-right: 25px;
}

.margin-right75{
     margin-left: 5px;
}

.margin-right150{
    margin-right: 150px;
}

.margin-bottom34{
    margin-bottom: 3%;
}

#page-footer{
    text-align: center;
    width: 100%;
    margin: 0 auto;
}

.margin-left45{
    margin-left: 45px;
}

.margin-left100{
  margin-left: 4px;
}

.font-size14{
    font-size:14px;
}
.footer-inner1{font-size: 16px; color: #fff;}
.footer-inner2{font-size: 16px; color: #fff;}

}


/*tablet styles*/

@media only screen and (min-width:481px) and (max-width:768px)

{
/* Styles */
    
html,body{
    margin:0;
    padding: 0;
}
body{
    background-image: url(../images/background_img2a.png);
    background-repeat: no-repeat;
/*    background-size: 200%;
    max-width: 1350px;*/
    font-size: 12px;
    font-family: arial;
    background-position: center top;
}
#container{
    width: 100%;
}
#top-heading h1{
    text-decoration: underline;
    font-style: italic;
    margin: 75px 0px 5px 0px;
}

#top-heading p{
    font-weight: bold;
    font-size: 18px;
    width: 80%;
    margin: 0 ;
}

#main-box2{

}
.blue-box1{
    border:2px solid #0259C4;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.4);
    margin-top:210px;
}

.blue-box1 p{
    padding:0px;
    margin:0px;
}

.blue-box2{
    border:2px solid #0259C4;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.4);
}

.blue-box2 p{
    padding:0px;
    margin:0px;
}

.width35{
    width:35%;
}

.width50{
    width:65%;
}

.width65{
    width:65%;
}

.width75{
    width:75%;
}

.pad10{
    padding: 10px;
}

.pad15{
    padding: 15px;
}

.padding-top20{
    padding-top:20px;
}

.float-left{
    float:left;
}

.float-right{
    float: right;
}

.clear-both{
    clear:both;
}

.colum-left{
    width:60%;
}

.colum-right{
    width: 40%;
}

.margin-top55{
    margin-top:55px;
}

.margin-top100{
margin-top: 100px;
}

.margin-right25{
    margin-right: 25px;
}

.margin-right75{
     margin-right: 75px;
}

.margin-right150{
    margin-right: 150px;
}

.margin-bottom34{
    margin-bottom: 30%;
}

#page-footer{
    text-align: center;
    width: 58%;
    margin: 0 auto;
}

.margin-left45{
    margin-left: 45px;
}

.margin-left100{
  margin-left: 100px;}

.font-size14{
    font-size:14px;
}
.footer-inner1{ font-size: 16px; color: #ffffff;}
.footer-inner2{ font-size: 16px; color: #ffffff;}
}


/*desktop styles*/
@media only screen and (min-width:769px) and (max-width:979px) {
    
html,body{
    margin:0;
    padding: 0;
}
body{
    background-image: url(../images/background_img2a.png);
    background-repeat: no-repeat;
/*    background-size: 200%;
    max-width: 1350px;*/
    font-size: 12px;
    font-family: arial;
    background-position: center top;
}
#container{
    width: 100%;
}
#top-heading h1{
    text-decoration: underline;
    font-style: italic;
    margin: 75px 0px 5px 0px;
}

#top-heading p{
    font-weight: bold;
    font-size: 18px;
    width: 80%;
    margin: 0 auto;
    padding: 0px 0px 0px 100px;
}

#main-box2{

}
.blue-box1{
    border:2px solid #0259C4;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.4);
    margin-top:195px;
}

.blue-box1 p{
    padding:0px;
    margin:0px;
}

.blue-box2{
    border:2px solid #0259C4;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.4);
}

.blue-box2 p{
    padding:0px;
    margin:0px;
}

.width35{
    width:35%;
}

.width50{
    width:65%;
}

.width65{
    width:65%;
}

.width75{
    width:75%;
}

.pad10{
    padding: 10px;
}

.pad15{
    padding: 15px;
}

.padding-top20{
    padding-top:20px;
}

.float-left{
    float:left;
}

.float-right{
    float: right;
}

.clear-both{
    clear:both;
}

.colum-left{
    width:60%;
}

.colum-right{
    width: 40%;
}

.margin-top55{
    margin-top:55px;
}

.margin-top100{
margin-top: 100px;
}

.margin-right25{
    margin-right: 25px;
}

.margin-right75{
     margin-right: 75px;
}

.margin-right150{
    margin-right: 150px;
}

.margin-bottom34{
    margin-bottom: 23%;
}

#page-footer{
    margin-right: 25px;
    text-align: center;
    width: 58%;
    margin: 0 auto;
}

.margin-left45{
    margin-left: 45px;
}

.margin-left100{
  margin-left: 100px;}

.font-size14{
    font-size:14px;
}
.footer-inner1{ font-size: 16px; color: #ffffff;}
.footer-inner2{ font-size: 16px; color: #ffffff;}
}
@media only screen and (min-width:980px) and (max-width:1279px) {
    
html,body{
    margin:0;
    padding: 0;
}
body{
    background-image: url(../images/background_img2a.png);
    background-repeat: no-repeat;
/*    background-size: 200%;
    max-width: 1350px;*/
    font-size: 12px;
    font-family: arial;
    background-position: center top;
}
#container{
    width: 100%;
}
#top-heading h1{
    text-decoration: underline;
    font-style: italic;
    margin: 75px 0px 5px 0px;
}

#top-heading p{
    font-weight: bold;
    font-size: 18px;
    width: 80%;
    margin: 0 auto;
    padding: 0px 0px 0px 100px;
}

#main-box2{

}
.blue-box1{
    border:2px solid #0259C4;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.4);
    margin-top:150px;
}

.blue-box1 p{
    padding:0px;
    margin:0px;
}

.blue-box2{
    border:2px solid #0259C4;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.4);
}

.blue-box2 p{
    padding:0px;
    margin:0px;
}

.width35{
    width:35%;
}

.width50{
    width:65%;
}

.width65{
    width:65%;
}

.width75{
    width:75%;
}

.pad10{
    padding: 10px;
}

.pad15{
    padding: 15px;
}

.padding-top20{
    padding-top:20px;
}

.float-left{
    float:left;
}

.float-right{
    float: right;
}

.clear-both{
    clear:both;
}

.colum-left{
    width:60%;
}

.colum-right{
    width: 40%;
}

.margin-top55{
    margin-top:55px;
}

.margin-top100{
margin-top: 100px;
}

.margin-right25{
    margin-right: 25px;
}

.margin-right75{
     margin-right: 75px;
}

.margin-right150{
    margin-right: 150px;
}

.margin-bottom34{
    margin-bottom: 23%;
}

#page-footer{
    margin-right: 25px;
    text-align: center;
    width: 58%;
    margin: 0 auto;
}

.margin-left45{
    margin-left: 45px;
}

.margin-left100{
  margin-left: 100px;}

.font-size14{
    font-size:14px;
}
.footer-inner1{ font-size: 16px; color: #ffffff;}
.footer-inner2{ font-size: 16px; color: #ffffff;}
}
@media only screen and (min-width:1280px) and (max-width:1899px) {
    
html,body{
    margin:0;
    padding: 0;
}
body{
    background-image: url(../images/background_img2a.png);
    background-repeat: no-repeat;
/*    background-size: 200%;
    max-width: 1350px;*/
    font-size: 12px;
    font-family: arial;
    background-position: center top;
}
#container{
    width: 100%;
}
#top-heading h1{
    text-decoration: underline;
    font-style: italic;
    margin: 75px 0px 5px 0px;
}

#top-heading p{
    font-weight: bold;
    font-size: 18px;
    width: 100%;
    margin: 0 auto;
    padding: 0px 0px 0px 100px;
}

#main-box2{

}
.blue-box1{
    border:2px solid #0259C4;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.4);
    margin-top:75px;
}

.blue-box1 p{
    padding:0px;
    margin:0px;
}

.blue-box2{
    border:2px solid #0259C4;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.4);
}

.blue-box2 p{
    padding:0px;
    margin:0px;
}

.width35{
    width:35%;
}

.width50{
    width:65%;
}

.width65{
    width:65%;
}

.width75{
    width:75%;
}

.pad10{
    padding: 10px;
}

.pad15{
    padding: 15px;
}

.padding-top20{
    padding-top:20px;
}

.float-left{
    float:left;
}

.float-right{
    float: right;
}

.clear-both{
    clear:both;
}

.colum-left{
    width:60%;
}

.colum-right{
    width: 40%;
}

.margin-top55{
    margin-top:55px;
}

.margin-top100{
margin-top: 100px;
}

.margin-right25{
    margin-right: 25px;
}

.margin-right75{
     margin-right: 75px;
}

.margin-right150{
    margin-right: 150px;
}

.margin-bottom34{
    margin-bottom: 23%;
}

#page-footer{
    margin-right: 25px;
    text-align: center;
    width: 58%;
    margin: 0 auto;
}

.margin-left45{
    margin-left: 45px;
}

.margin-left100{
  margin-left: 100px;}

.font-size14{
    font-size:14px;
}
.footer-inner1{ font-size: 16px; color: #ffffff;}
.footer-inner2{ font-size: 16px; color: #ffffff;}
}

/*Large screen desktop styles*/
@media only screen and (min-width:1900px) {
    
html,body{
    margin:0;
    padding: 0;
}
body{
    background-image: url(../images/background_img2a.png);
    background-repeat: no-repeat;
/*    background-size: 200%;
    max-width: 1350px;*/
    font-size: 12px;
    font-family: arial;
    background-position: center top;
}
#container{
    width: 100%;
}
#top-heading h1{
    text-decoration: underline;
    font-style: italic;
    margin: 75px 0px 5px 0px;
}

#top-heading p{
    font-weight: bold;
    font-size: 18px;
    width: 100%;
    margin: 0 auto;
    padding: 0px 0px 0px 100px;
}

#main-box2{

}
.blue-box1{
    border:2px solid #0259C4;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.4);
    margin-top:55px;
}

.blue-box1 p{
    padding:0px;
    margin:0px;
}

.blue-box2{
    border:2px solid #0259C4;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.4);
}

.blue-box2 p{
    padding:0px;
    margin:0px;
}

.width35{
    width:35%;
}

.width50{
    width:65%;
}

.width65{
    width:65%;
}

.width75{
    width:75%;
}

.pad10{
    padding: 10px;
}

.pad15{
    padding: 15px;
}

.padding-top20{
    padding-top:20px;
}

.float-left{
    float:left;
}

.float-right{
    float: right;
}

.clear-both{
    clear:both;
}

.colum-left{
    width:60%;
}

.colum-right{
    width: 40%;
}

.margin-top55{
    margin-top:55px;
}

.margin-top100{
margin-top: 100px;
}

.margin-right25{
    margin-right: 25px;
}

.margin-right75{
     margin-right: 75px;
}

.margin-right150{
    margin-right: 150px;
}

.margin-bottom34{
    margin-bottom: 15%;
}

#page-footer{
    margin-right: 25px;
    text-align: center;
    width: 58%;
    margin: 0 auto;
}

.margin-left45{
    margin-left: 45px;
}

.margin-left100{
  margin-left: 100px;}

.font-size14{
    font-size:14px;
}
.footer-inner1{ font-size: 16px; color: #ffffff;}
.footer-inner2{ font-size: 16px; color: #ffffff;}
}