
@media only screen 
  and (min-width: 300px) 
  and (max-width: 600px) {

#headerImage {
    background-image: url("../images/slider.png");
    background-position: -150px -50px;
    background-repeat: no-repeat;
    background-size: 600px auto;
    display: inline-block;
    height: 275px;
    margin: auto;
    max-width: 600px;
    width: 100%;
}
#headerImage .button {
    background-color: #fff;
    cursor: pointer;
    display: block;
    font-family: Raleway;
    font-size: 18px;
    font-weight: bold;
    margin: 35px auto;
    max-width: 300px;
    padding: 10px 7px;
    text-align: center;
	width: 100%;
}

#headerImage h1 {
    color: #fff;
    display: inline-block;
    margin: 20px auto 0;
    text-align: center;
    width: 100%;
}
.emblemIcon {
	width:150px;
	max-width:150px;
	display:none;
}
.hi1 {
	font-family:Raleway;
	font-weight:300;
	font-size: 25px;
}
.hi2 {
	font-family:Raleway;
	font-weight:400;
	font-size: 25px;
}
.hi3 {
	font-family:Raleway;
	font-weight:500;
	font-size: 25px;
}
  }
  
@media only screen 
and (min-width: 600px) 
and (max-width: 900px) {

#headerImage {
    background-image: url("../images/slider.png");
    background-position: -230px -50px;
    background-repeat: no-repeat;
    background-size: 900px auto;
    display: inline-block;
    height: 415px;
    margin: auto;
    max-width: 900px;
    width: 100%;
}

#headerImage h1 {
    color: #fff;
    display: inline-block;
    margin: 20px auto 0;
    text-align: center;
    width: 100%;
}
.emblemIcon {
    width: 210px;
}
  }
@media only screen 
and (min-width: 900px) 
and (max-width: 2000px) {

#headerImage {
    background-image: url("../images/slider.png");
    background-position: -230px center;
    background-repeat: no-repeat;
    background-size: 1280px auto;
    height: 571px;
}
}
@media only screen 
and (min-width: 100px) 
and (max-width: 1000px) {
#sponsors_images .sponsor {
    float: none !important;
    margin: auto;
    text-align: center;
    width: 25%;
}
}
@media only screen 
  and (min-width: 100px) 
  and (max-width: 550px) {
.linumber {
    background-color: #f2f2f2;
    display: block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.litext {
    display: inline-block;
    float: right;
    padding: 10px;
    width: 95%;
}


.finduson {
    color: #fff;
    display: block;
    font-size: 20px;
    padding-top: 5px;
    text-align: center;
	float:none;
}

.contactsocialmediaicons {
    float: none;
    margin: auto;
    text-align: center;
    width: 180px  !important;
}
.minisocialmediaiconsWrap {
    float: none;
	width:100% !important;
}
.minisocialmediaicons {
   float: none;
	width:100% !important;
}

.contacts .icon {
    float: left;
    text-align: center;
    width: auto;
}
  }

@media only screen 
  and (min-width: 100px) 
  and (max-width: 760px) {
	#sponsors_images .sponsor { 
	width:25%;
	float:none !important;
	margin:auto;
	text-align:center;
}
.form_label {
	width:100%;
/*	float:left;*/
}
.form_text {
	width:100%;
	font-size:14px;
	padding:3px 0px 3px 0px;
	border:none;
	color:#333;
}
.form_textarea {
	width:100%;
	font-size:14px;

}
.form_select {
	width:100%;
	padding:3px 0px 3px 0px;
}
#sponsors_images {
	display: inline-block;
    margin-top: 46px;
    width: 100%;
}



 .wrap {
 
    margin: auto;
    width: 100% !important;
}
.innerwrap {
    margin: auto;
    width: 90%;
}

.subsection .col1_1 {
  
    width: 100%;
}

.subsection .col1_1 p {
    font-size: 17px;
    margin-bottom: 20px;
    margin-right: 55px;
}

.form_headerImages {
    margin: auto;
    padding-top: 0px !important;
	max-width:470px;
}

.headerIcon {
    display: block;
    
    margin: auto;
    /*padding-top: 40px;*/
    width: 50%;
	max-width:150px;
  }
  
  .headerIconA {
    display: block;
    float:left;

    padding-top:0px !important;
    width: 33.3%;
	max-width:150px;
  }
  
.col2_1 {
    float: right;
    width: 100%;
}



#sponsors_images .sponsor {
    /*float: left;*/
    text-align: center;
    width: 100%;
}

#navigation ul li {
    cursor: pointer;
    float: left;
    font-size: 9px;
    padding-left: 10px;
}
.sponsor_imagez {
	float:none;
}

/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) {
.wrap {
 
    margin: auto;
   /* width: 768px !important;*/
}
.innerwrap {
    margin: auto;
    width: 728px;
}
#header {
	/*width: 728px !important;*/
}
#imageLogo {
	width:75px !important;
}
.col1 {
	margin-right:0px !important;
}
.social_icon {
	height: 30px;
    width: 30px;
}

#navigation ul li {
    cursor: pointer;
    float: left;
    font-size: 11px;
    padding-left: 10px;
}
.col2 {
	width: 628px !important;
	padding-right: 0px !important;
	padding-top: 14px !important;
}

#navigation {
    margin-top: -18px;
    width: 100%;
}

.subsection .col1_1 {
    float: left;
    width: 100%;
}
.subsection .col1_1 p {
    margin-bottom: 20px;
    margin-right: 0px !important;
}
.col2_1 {
    float:none;
    width: 100%;
}
.subsection .col2_1 .about_image {
	margin-bottom: 10px;
    margin-right: 14px;
    width: 49%;
	float:left;
	
}
.subsection .col2_1 .about_image_last {
	margin-bottom: 10px;
    width: 49%;
	float:left;
	
}
.sponsor_imagex {
	width:100px;
}
#clearHeader {
	clear:none;
}
.innerwrapHeader {
	/*width:1010px;*/
	margin:auto;
	/*width:80% !important*/
	 background-color: #fff;
}
.litext {
    display: inline-block;
    float: left;
    margin-left: 13px;
    width: 470px !important;
}
}
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) {
.wrap {
    background-color: #fff;
    margin: auto;
    /*width: 1024px !important;*/
}
.innerwrap {
    margin: auto;
    width: 982px;
}
#header {
    width: 984px !important;
}
#imageLogo {
	width:75px !important;
}
.col1 {
	margin-right:0px !important;
}
.social_icon {
	height: 30px;
    width: 30px;
}

#navigation ul li {
    cursor: pointer;
    float: left;
    font-size: 11px;
    padding-left: 10px;
}
.col2 {
	width: 628px !important;
	padding-right: 0px !important;
	padding-top: 14px !important;
}


#navigation {
    margin-top: -18px;
    width: 100%;
}

.subsection .col1_1 {
    float: left;
    width: 100%;
}
.subsection .col1_1 p {
    margin-bottom: 20px;
    margin-right: 0px !important;
}
.col2_1 {
    float:none;
    width: 100%;
}
.subsection .col2_1 .about_image {
	margin-bottom: 10px;
    margin-right: 14px;
    width: 49%;
	float:left;
	
}
.subsection .col2_1 .about_image_last {
	margin-bottom: 10px;
    width: 49%;
	float:left;
	
}
.sponsor_imagex {
	width:100px;
}
#clearHeader {
	clear:none;
}
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
.wrap {
    background-color: #fff;
    margin: auto;
    /*width: 768px;*/
}
.innerwrap {
    margin: auto;
    width: 728px;
}

#imageLogo {
	width:50% !important;
}
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
.wrap {
    background-color: #fff;
    margin: auto;
   /* width: 768px;*/
}
.innerwrap {
    margin: auto;
    width: 728px;
}

#imageLogo {
	width:50% !important;
}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
.wrap {
    background-color: #fff;
    margin: auto;
   /* width: 768px;*/
}
.innerwrap {
    margin: auto;
    width: 728px;
}

#imageLogo {
	width:50% !important;
}
}

