/* #Monitor large (Landscape)
================================================== */

@media only screen and (min-width: 1281px) and (max-width: 1920px) {

.col-md-12 img {
  max-width: 60%;
  height: auto;
}


.col_left {width:50%; float:left; border: 0px solid #cccccc; padding:20px;}
.col_right {width:50%; float:right; border: 0px solid #cccccc; padding:20px;}

.header_col_left {width:50%; float:left; border: 0px solid #cccccc; padding:20px;}
.header_col_right {width:50%; float:right; border: 0px solid #cccccc; padding:20px;}

.col_left2 {width:33%; float:left; border: 0px solid #cccccc; padding:20px;}
.col_center2  {width:34%; float:left; border: 0px solid #cccccc; padding:20px;}
.col_right2 {width:33%; float:right; border: 0px solid #cccccc; padding:20px;}

.col_left3 {width:25%; float:left; border: 0px solid #cccccc; padding:20px; background-color:#662483;}
.col_center_left3 {width:25%; float:left; border: 0px solid #cccccc; padding:20px; background-color:#662483;}
.col_center_right3 {width:25%; float:left; border: 0px solid #cccccc; padding:20px; background-color:#662483;}
.col_right3 {width:25%; float:right; border: 0px solid #cccccc; padding:20px; background-color:#662483;}

.complete4 {width:100%; height:300px; float:left;}

}

/* #Monitor small (Landscape)
================================================== */

@media only screen and (min-width: 1081px) and (max-width: 1280px) {

.col-md-12 img {
  max-width: 60%;
  height: auto;
}

.col_left {width:50%; float:left; border: 0px solid #cccccc; padding:20px;}
.col_right {width:50%; float:right; border: 0px solid #cccccc; padding:20px;}

.header_col_left {width:50%; float:left; border: 0px solid #cccccc; padding:20px;}
.header_col_right {width:50%; float:right; border: 0px solid #cccccc; padding:20px;}

.col_left2{width:33%; float:left; border: 0px solid #cccccc; padding:20px;}
.col_center2 {width:34%; float:left; border: 0px solid #cccccc; padding:20px;}
.col_right2 {width:33%; float:right; border: 0px solid #cccccc; padding:20px;}

.col_left3 {width:25%; float:left; border: 0px solid #cccccc; padding:20px; background-color:#662483;}
.col_center_left3 {width:25%; float:left; border: 0px solid #cccccc; padding:20px; background-color:#662483;}
.col_center_right3 {width:25%; float:left; border: 0px solid #cccccc; padding:20px; background-color:#662483;}
.col_right3 {width:25%; float:right; border: 0px solid #cccccc; padding:20px; background-color:#662483;}

.complete4 {width:100%; height:300px; float:left;}
}


/* #Tablet (Landscape)
================================================== */

@media only screen and (min-width: 961px) and (max-width: 1080px) {

.is-sticky #header,
.is-sticky #hornav {
	position: relative !important;
	width: auto !important;
	top: 0 !important;
	left: 0;
	margin-left: 0;
}

.primary-container-background .primary-container {width: 100%;}

/* Disable CSS animations */
.animated {
    -webkit-animation-duration: 0;
    animation-duration: 0;
    -webkit-animation-delay: 0;
    animation-delay: 0;
}

.col-md-12 img {
  max-width: 60%;
  height: auto;
}

.col_left {width:50%; float:left; border: 0px solid #cccccc; padding:20px;}
.col_right {width:50%; float:right; border: 0px solid #cccccc; padding:20px;}

.header_col_left {width:50%; float:left; border: 0px solid #cccccc; padding:20px;}
.header_col_right {width:50%; float:right; border: 0px solid #cccccc; padding:20px;}

.col_left2 {width:33%; float:left; border: 0px solid #cccccc; padding:20px;}
.col_center2  {width:34%; float:left; border: 0px solid #cccccc; padding:20px;}
.col_right2 {width:33%; float:right; border: 0px solid #cccccc; padding:20px;}

.col_left3 {width:25%; float:left; border: 0px solid #cccccc; padding:20px; background-color:#662483;}
.col_center_left3 {width:25%; float:left; border: 0px solid #cccccc; padding:20px; background-color:#662483;}
.col_center_right3 {width:25%; float:left; border: 0px solid #cccccc; padding:20px; background-color:#662483;}
.col_right3 {width:25%; float:right; border: 0px solid #cccccc; padding:20px; background-color:#662483;}

.complete4 {width:100%; height:300px; float:left;}



}

/* #Tablet (Portrait)
================================================== */
    
@media only screen and (min-width: 761px) and (max-width: 960px) {

.col-md-12 img {
  max-width: 60%;
  height: auto;
}

.col_left {width:50%; float:left; border: 0px solid #cccccc; padding:20px;}
.col_right {width:50%; float:right; border: 0px solid #cccccc; padding:20px;}

.header_col_left {width:50%; float:left; border: 0px solid #cccccc; padding:20px;}
.header_col_right {width:50%; float:right; border: 0px solid #cccccc; padding:20px;}

.col_left2 {width:33%; float:left; border: 0px solid #cccccc; padding:20px;}
.col_center2  {width:34%; float:left; border: 0px solid #cccccc; padding:20px;}
.col_right2 {width:33%; float:right; border: 0px solid #cccccc; padding:20px;}

.col_left3 {width:25%; float:left; border: 0px solid #cccccc; padding:20px; background-color:#662483;}
.col_center_left3 {width:25%; float:left; border: 0px solid #cccccc; padding:20px; background-color:#662483;}
.col_center_right3 {width:25%; float:left; border: 0px solid #cccccc; padding:20px; background-color:#662483;}
.col_right3 {width:25%; float:right; border: 0px solid #cccccc; padding:20px; background-color:#662483;}

// #hornav .container   {background-color:#666666;}
#hornav  {height:1px; top: -1500px;}

.complete4 {width:100%; height:100px; float:left;}

}

/* #Mobile (Landscape)
================================================== */

@media only screen and (min-width: 441px) and (max-width: 760px) {

.col-md-12 img {
  max-width: 80%;
  height: auto;
}

.carousel-control.right span, .carousel-control.icon-next span {right: 20%;}
.carousel-control.left span, .carousel-control.icon-prev span {left: 15%;}

.col_left {width:100%; float:left; border: 0px solid #cccccc; padding:20px;}
.col_right {width:100%; float:right; border: 0px solid #cccccc; padding:20px;}

.header_col_left {width:100%; float:left; border: 0px solid #cccccc; padding:20px;}
.header_col_right {width:100%; float:right; border: 0px solid #cccccc; padding:20px;}

.col_left2 {width:100%; float:left; border: 0px solid #cccccc; padding:20px;}
.col_center2 {width:100%; float:left; border: 0px solid #cccccc; padding:20px;}
.col_right2 {width:100%; float:right; border: 0px solid #cccccc; padding:20px;}

.col_left3 {width:100%; float:left; border: 0px solid #cccccc; padding:20px; background-color:#662483;}
.col_center_left3 {width:100%; float:left; border: 0px solid #cccccc; padding:20px; background-color:#662483;}
.col_center_right3 {width:100%; float:left; border: 0px solid #cccccc; padding:20px; background-color:#662483;}
.col_right3 {width:100%; float:right; border: 0px solid #cccccc; padding:20px; background-color:#662483;}

#hornav  {height:1px; top: -1500px;}

.complete4 {width:100%; height:100px; float:left;}

}

/*  #Mobile (Portrait)
================================================== */

@media only screen and (max-width: 440px) {

.col-md-12 img {
  max-width: 100%;
  height: auto;
  margin-left:-10px;
}

.col_left {width:100%; float:left; border: 0px solid #cccccc; padding:20px;}
.col_right {width:100%; float:right; border: 0px solid #cccccc; padding:20px;}

.header_col_left {width:100%; float:left; border: 0px solid #cccccc; padding:20px;}
.header_col_right {width:100%; float:right; border: 0px solid #cccccc; padding:20px;}

.col_left2 {width:100%; float:left; border: 0px solid #cccccc; padding:20px;}
.col_center2 {width:100%; float:left; border: 0px solid #cccccc; padding:20px;}
.col_right2 {width:100%; float:right; border: 0px solid #cccccc; padding:20px;}

.col_left3 {width:100%; float:left; border: 0px solid #cccccc; padding:20px; background-color:#662483;}
.col_center_left3 {width:100%; float:left; border: 0px solid #cccccc; padding:20px; background-color:#662483;}
.col_center_right3 {width:100%; float:left; border: 0px solid #cccccc; padding:20px; background-color:#662483;}
.col_right3 {width:100%; float:right; border: 0px solid #cccccc; padding:20px; background-color:#662483;}

#hornav  {height:1px; top: -1500px;}	

.complete4 {width:100%; height:100px; float:left;}
}


