/*!
Theme Name: Cimplicity Child
Theme URI: http://underscores.me/
Author: Cimplicity
Author URI: https://www.cimplicity.co.za/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cimplicity
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready


/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	-moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  background: #fff;
  color: transparent;
  font-family: 'Century Gothic', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 16px;
  -ms-filter: "progid:DXImageTransform.Microsoft.font-smoothing(antialiased)";
  line-height: 1.5em;
  -ms-filter: "progid:DXImageTransform.Microsoft.text-rendering(optimizeLegibility)";
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}
/* =Fonts
-------------------------------------------------------------- */
@font-face {
    font-family: 'Century Gothic';
    src: url('https://www.kijkoptom.co.za/wp-content/themes/cimplicity-child/fonts/CenturyGothic.woff2') format('woff2'),
        url('https://www.kijkoptom.co.za/wp-content/themes/cimplicity-child/fonts/CenturyGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Sacramento';
    src: url('https://www.kijkoptom.co.za/wp-content/themes/cimplicity-child/fonts/Sacramento-Regular.woff2') format('woff2'),
        url('https://www.kijkoptom.co.za/wp-content/themes/cimplicity-child/fonts/Sacramento-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: 700;
  line-height: 1em;
  word-wrap: break-word;
	font-family: inherit;
	color: black;
}

h1 {
  font-size: 2.625em;
  /* = 42px */
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

h2 {
  margin-bottom: 0.75em;
  margin-top: 0.75em;
}

h3 {
  font-size: 1.875em;
  /* = 30px */
  margin-bottom: 0.857em;
  margin-top: 0.857em;
}

h4 {
  font-size: 1.5em;
  /* = 24px */
  margin-bottom: 1em;
  margin-top: 1em;
}

h5 {
  font-size: 1.125em;
  /* = 18px */
  margin-bottom: 1.125em;
  margin-top: 1.125em;
}

h6 {
  font-size: 1em;
  /* = 16px */
  margin-bottom: 1.285em;
  margin-top: 1.285em;
}
.hf1{
	font-size: 2.205em;
    color: black;
    font-weight: 600;
	    padding: 0 0 50px 0;
}
.hf2{
	font-family: 'Sacramento', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    color: black;
    font-size: 2.25em;
    font-weight: 300;
    letter-spacing: 1px;
	padding: 0 0 20px 0;
}
.hf3{
	font-family: 'Sacramento', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    color: #ec3a1e;
    font-size: 2.25em;
    font-weight: 300;
    letter-spacing: 1px;
	float: right;
}
.hf3cl, .hf3gen, .hf3lv, .hf3chil, .hf3sp, .hf3se{
	font-family: 'Sacramento', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 2.25em;
    font-weight: 300;
    letter-spacing: 1px;
	float: right;
}
.hf3cl{
	color: #fccb17 !important;
}
.hf3gen{
	color: #2a8b6c !important;
	
}
.hf3lv{
	color: #185a94 !important;
}
.hf3chil{
	color: #d84138 !important;
}
.hf3sp{
	color: #fccb17 !important;
}
.hf3se{
	color: darkgray !important;
}
.hf3cl:hover, .hf3gen:hover, .hf3lv:hover, .hf3chil:hover, .hf3sp:hover, .hf3se:hover {
	color: black !important;
}
.hf4{
	font-size: 1.52em;
}
.hf5{
	font-size: 1.502em;
	font-weight: 100;
}
.hf6{
	font-size: 5.5em;
	color: black;
	font-weight: 500;
}
.hf13{
	font-family: 'Sacramento', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    color: #ec3a1e;
    font-size: 2.25em;
    font-weight: 300;
    letter-spacing: 1px;
}
.hf8{
	font-size: 1.15em;
	font-weight: 300;
	padding: 20px 0;
}
.hf9{
	font-size: 1.6em;
    font-weight: 500;
	text-align: center;
	color: white;
}
.hf10{
	padding: 10px 0 50px 0;
	text-align: center;
	color: white;
}
.hf11{
	color: white !important;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #d84138;
}

a:visited {
	color: #444444;
}

a:hover, a:focus, a:active {
	color: #444444;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}
a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: none;
}
.hf7 a{
	color: crimson !important;
}
.hf7 a:hover{
	color: black !important;
}
/**
 * Site Header
 * -----------------------------------------------------------------------------
 */
#masthead{
	width: 100%;
	height:100%;
	background: black;
}
#inner-header {
    width: 90%;
    margin: 0 auto;
    min-height: 120px;
}
#header-widget-right-wrapper {
    position: relative;
	z-index: 9999;
    width: 100%;
    float: none;
    height: 40px;
    background: whitesmoke;
}
.inner-header-widget-right-wrapper {
    position: absolute;
    right: 150px;
    top: 10px;
    width: 550px;
    min-height: 10px;
    text-align: right;
	height: 50px;
	color: rgb(102, 102, 102);
	font-size: 15px;
	font-weight: 400;
}
.skip-link{
	display: none;
}
.site-branding{
	width: 350px;
	float: left;
	margin: 25px 0 0 0;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#mega-menu-wrap-menu-1 {
    clear: both;
    float: right;
	margin: -50px 0 0 0;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/**
 * Site footer
 * -----------------------------------------------------------------------------
 */
#footer-wrapper {
    margin: 0 auto;
    padding: 0;
    width: 80%;
}
#footer-widget-wrapper{
	width: 100%;
	min-height: 250px;
	background: white;
}
.inner-footer-widget-wrapper{
	width: 80%;
	margin: 0 auto;
	min-height: 150px;
	padding: 30px 0 80px 0;
	color: #fff;
	text-align: left;
	font-size: 18px;
	font-weight:400;
}
#footer-widget-wrapper-2{
	width: 100%;
	height: 100%;	
	display: flex;
	background: black;
}
.inner-footer-widget-wrapper-2{
	width: 80%;
	margin: 0 auto;
	    min-height: 350px;
	padding: 50px 0;
	color: white;
	text-align: left;
	font-size: 16px;
	font-weight:400;
}
.flex-container-foot{
display:-webkit-flex;
display:flex;
-webkit-justify-content:space-around;
justify-content:space-around;
}
#footer-sidebar {
height: 250px;
width: 350px;
margin-left:5px;
margin-right:5px;
}
#footer-sidebar2 {
height: 250px;
width: 350px;
margin-left:5px;
margin-right:5px;
}
#footer-sidebar3 {
height: 250px;
width: 350px;
margin-left:5px;
margin-right:5px;
}
.flex-container-foot2{
display:-webkit-flex;
display:flex;
}
.site-info{
	width: 80%;
    margin: 0 auto;
	min-height: 50px;
	padding: 20px 0;
    text-align: center;
    font-size: 11px;
	color: black;
}
.site-name{
	width: 250px;
	height: 12px;
	padding-left:10px;
	padding-right:10px;
	color: black;
}
.designed-by{
	width: 350px;
	height: 50px;
	padding-left:10px;
	color: black;
}

/**
* Custom
* -----------------------------------------------------------------------------
 */
.grecaptcha-badge { opacity:0;}
a#scroll-to-top {
    z-index: 999 !important;
}
.entry-title{
	display: none;
}
#wrapper{
	width: 100%;
	min-height: 50px;
	margin: 0;
	padding: 0;
}
#main-content{
	width: 100%;
	height: 100%;
	background: transparent;
	margin: -40px 0 0 0;
}
#content1{
	position: relative;
	width: 100%;
	min-height: 1000px;
	margin: 0 auto;
}
.inner-content1{
	position: absolute;
    top: 350px;
    left: 0;
    right: 0;
    width: 70%;
    min-height: 150px;
    margin: 0 auto;
    background: white;
}
.inner-content11{
	width: 90%;
	min-height: 300px;
	margin: 0 auto;
	padding: 50px 0;
	color: black;
}
#content2{
	position: relative;
	width: 100%;
	min-height:150px;
	margin: 250px 0 0 0;
	background-image: linear-gradient( rgba(0,0,0,0.7), rgba(0,0,0,0.1));
}
.inner-content2{
	position: relative;
    width: 70%;
    min-height: 350px;
    margin: 0 auto;
    padding: 75px 0;
}
#content3, #content33, #content333, #content3333 {
	position: relative;
	width: 100%;
	min-height: 1200px;
	margin: 0 auto;
}
#contentsport {
	position: relative;
	width: 100%;
	min-height: 2000px;
	margin: 0 auto;
}
.inner-content3{
	position: absolute;
    top: 250px;
    left: 0;
    right: 0;
    width: 70%;
    min-height: 150px;
    margin: 0 auto;
    background: white;
}
#content4{
	position: relative;
	width: 100%;
	min-height: 1800px;
	margin: 0 auto;
}
.inner-content4{
	position: absolute;
    top: 250px;
    left: 0;
    right: 0;
    width: 70%;
    min-height: 150px;
    margin: 0 auto;
    background: white;
}
#content5{
	width: 100%;
	min-height:550px;
	margin: 0;
	padding: 20px 0;
}
.inner-content5{
	width: 70%;
	min-height: 150px;
	margin: 0 auto;
	padding: 20px 0;
}
#content6{
	width: 100%;
	min-height:250px;
	margin: 0;
	padding: 20px 0;
	background: white;
}
.inner-content6{
	width: 70%;
	min-height: 150px;
	margin: 0 auto;
	padding: 20px 0;
}
.inner-content66{
	width: 70%;
	min-height: 150px;
	margin: 0 auto;
	padding: 20px 0 100px 0;
}
.inner-contentgeneral{
	width: 70%;
	min-height: 150px;
	margin: 0 auto;
	padding: 20px 0;
}
#box1{
	position: relative;
	z-index: 1;
	width:600px;
	min-height: 620px;
	margin: 0;
	padding:0;
	background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1.0)), url(http://www.cimplicitydesign.co.za/wp-content/uploads/2020/01/kijk-optometrists-painting.jpg) top center no-repeat;
	background-size: contain;
}

#box2 {
    position: absolute;
    z-index: 9;
    width: 320px;
    height: 200px;
    top: -50px;
    right: 290px;
}
#box3 {
    position: relative;
    z-index: 9;
    width: 100%;
    min-height: 300px;
    color: black;
}
#box4{
	width: 80%;
	margin: 0 auto;
    min-height: 400px;
}
#box44{
	width: 98%;
	margin: 0 auto;
    min-height: 400px;
}
.box5{
	width: 80%;
	margin: 0 auto;
	min-height: 150px;
}
#box6 {
    position: relative;
    top: 0;
    left: 180px;
    width: 100%;
    min-height: 150px;
}
.box7{
	width: 100%;
	height: 450px;
	overflow: hidden;
}
.box8{
	width: 90%;
	margin: 0 auto;
	min-height: 100px;
	padding: 0;
}
.box9{
	width: 100%;
	height: 510px;
}
.box10{
	width: 100%;
	min-height: 250px;
}
.box13{
	width: 100%;
	min-height: 100px;
	padding: 20px 0 50px 0;
	text-align: center;
}
.boxul{
	width: 80%;
	margin: 0 auto;
	height: 100%;
	text-align: left;
}
#vidbox{
	width: 100%;
	height: 300px;
}
.foot1{
	width: 100%;
	min-height: 10px;
	padding: 1px 0;
	color: white;
}
.foot1 a{
	color: #e03c18 !important;
}
.foot1 a:hover{
	color: white !important;
}
.flex-container{
display:-webkit-flex;
display:flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-justify-content:space-between;
justify-content:space-between;
}
.video-container{
display:-webkit-flex;
display:flex;
	padding: 50px 0;
}
#video-box{
	width: 100%;
	height: 300px;
}
#services-a, #services-b, #services-c, #services-d, #services-e, #services-f {
	width: 150px;
	min-height: 200px;
	margin: 0 auto;
	padding: 20px;	
	border: 1px solid white;
	border-radius: 5px;
	transition: 1.0s ease-in;
}
#services-a:hover{
	background: #d84138;
}
#services-b:hover{
	background: #2a8b6c;
}
#services-c:hover{
	background: #fccb17;
}
#services-d:hover{
	background: #185a94;
}
#services-e:hover{
	background: pink;
}
#services-f:hover{
	background: black;
}
#services-spacerbox{
	width: 100%;
	height: 150px;
}
.icon {
  width: 100px;
    height: 70px;
    background-size: cover;
    margin: 0 auto;
}
.low-vision{
	background-image: url(https://www.kijkoptom.co.za/wp-content/uploads/2020/05/low-vision.png);
}
.childrens{
	background-image:url(https://www.kijkoptom.co.za/wp-content/uploads/2020/05/childrens-vision.png);
}
.safety-eyewear{
	background-image: url(https://www.kijkoptom.co.za/wp-content/uploads/2020/05/safety-glasses.png);
}
.contact-lenses{
	background-image: url(https://www.kijkoptom.co.za/wp-content/uploads/2020/05/contact-lenses.png);
}
.general-optom{
	background-image: url(https://www.kijkoptom.co.za/wp-content/uploads/2020/05/general-optom.png);
}
.sports-glasses{
	background-image: url(https://www.kijkoptom.co.za/wp-content/uploads/2020/05/sports-glasses.png);
}
.mainline{
	width: 40%;
	height: 2px;
	margin: 0 auto;
	border-top: 2px dotted #efefef;
}
.home-welcome-box{
display:-webkit-flex;
display:flex;
-webkit-justify-content:center;
justify-content:center;
}
#image-box {
    width: 90%;
    min-height: 500px;
    margin: 0 auto;
}
#image-boxhome{
	width: 100%;
	height: 500px;
	background: url(https://www.kijkoptom.co.za/wp-content/uploads/2020/01/kijk-optometrists-rene.jpg) center center no-repeat;
	background-size: contain;
}
#image-boxabout{
	width: 100%;
	height: 500px;
	background: url(https://www.kijkoptom.co.za/wp-content/uploads/2020/06/kijk-about-13.jpg) center center no-repeat;
	background-size: contain;
}
#image-boxgeneral{
	width: 100%;
	height: 500px;
	background: url(https://www.kijkoptom.co.za/wp-content/uploads/2020/06/kijk-image-13.jpg) center center no-repeat;
	background-size: contain;
}
#image-boxchildren{
	width: 100%;
	height: 500px;
	background: url(https://www.kijkoptom.co.za/wp-content/uploads/2020/06/kijk-childrens-13.jpg) center center no-repeat;
	background-size: contain;
}
#image-boxlowvision{
	width: 100%;
	height: 500px;
	background: url(https://www.kijkoptom.co.za/wp-content/uploads/2020/05/kijk-low-vision-home-1.jpg) center center no-repeat;
	background-size: contain;
}
#image-boxsafety{
	width: 100%;
	height: 500px;
	background: url(https://www.kijkoptom.co.za/wp-content/uploads/2020/05/kijk-optometrists-safety-glasses-1.jpg) center center no-repeat;
	background-size: contain;
}
#image-boxsport1, #image-boxsport2, #image-boxsport3, #image-boxsport4 {
	width: 100%;
	height: 350px;
	margin: 0 0 10px 0;
}
#image-boxsport1{
	background: url(https://www.kijkoptom.co.za/wp-content/uploads/2020/06/cycling-site.png) center center no-repeat;
	background-size: contain;
}
#image-boxsport2{
	background: url(https://www.kijkoptom.co.za/wp-content/uploads/2020/06/golf-site.png) center center no-repeat;
	background-size: contain;
}
#image-boxsport3{
	background: url(https://www.kijkoptom.co.za/wp-content/uploads/2020/06/Run-site.png) center center no-repeat;
	background-size: contain;
}
#image-boxsport4{
	background: url(https://www.kijkoptom.co.za/wp-content/uploads/2020/06/swim-site.png) center center no-repeat;
	background-size: contain;
}
#content-box{
	width: 80%;
    margin: 0 auto;
    min-height: 200px;
	padding: 10px 0;
}
#content-box2 {
    width: 100%;
    float: right;
    min-height: 200px;
	text-align: left;
}
iframe{
	width:90%;
}
/* =Arrows
-------------------------------------------------------------- */
.arrowbox{
	width: 350px;
	height: 50px;
	float: left;
}

.bluearrow{
    color: #185a94;
	font-size: 1.585em;
}

.bluearrow:before{ /* use :before to add the relevant icons */
    font-family: "FontAwesome";
    content: "\f178"; /* add facebook icon */
}
.redarrow{
    color: #d84138;
	font-size: 1.585em;
}

.redarrow:before{ /* use :before to add the relevant icons */
    font-family: "FontAwesome";
    content: "\f178"; /* add facebook icon */
}
.blackarrow{
    color: black;
	font-size: 1.585em;
}

.blackarrow:before{ /* use :before to add the relevant icons */
    font-family: "FontAwesome";
    content: "\f178"; /* add facebook icon */
}
.greenarrow{
    color: #2a8b6c;
	font-size: 1.585em;
}

.greenarrow:before{ /* use :before to add the relevant icons */
    font-family: "FontAwesome";
    content: "\f178"; /* add facebook icon */
}
.yellowarrow{
    color: #fccb17;
	font-size: 1.585em;
}

.yellowarrow:before{ /* use :before to add the relevant icons */
    font-family: "FontAwesome";
    content: "\f178"; /* add facebook icon */
}


/**
* Social Media
* -----------------------------------------------------------------------------
 */

#social {
	position: relative;
    width: 400px;
    margin: 20px auto;
    text-align: center;
}
.social-links{
	position: relative;
    left: 0;
    width: 200px;
    min-height: 100px;
}
.social-links a{
  text-align:center;
	float: left;
	width: 36px;
	height: 36px;
	border: 2px solid #d84138;
	border-radius: 100%;
	margin-right: 7px; /*space between*/
    display: flex;
    align-items: flex-start;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
} 
.social-links a i{
	font-size: 20px;
    align-self:center;
	color: #d84138;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    margin: 0 auto;
}
.social-links a i::before{
  display:inline-block;
  text-decoration:none;
}
.social-links a:hover{
  background: white;
	border: 2px solid #185a94;
}
.social-links a:hover i{
  color:#185a94;
}
/**
* Contact Form
* -----------------------------------------------------------------------------
 */
#two-column {
    width: 100%;
}
#two-column #left{
	width: 48%;
	float: left;
}
#two-column #right{
	width: 48%;
	float: right;
}
#two-column p{
	margin-bottom: 12px;
}
#two-column input[type="text"], #two-column input[type="email"], #two-column input[type="tel"] {
	border:none;
	border-bottom:1px solid rgb(100,112,121);
	font-size :18px;
	font-weight: 400;
	color: black;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	width: 100%;
	padding: 10px;
}
#two-column #right input[type="text"], #two-column #left input[type="text"]{
	width:100%;
}
#two-column textarea {
    position: relative;
    padding: 10px;
	border: none;
    border-bottom:1px solid rgb(100,112,121);
	font-weight: 400;
	color: black;
	font-size :18px;
	font-family: inherit;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    width: 100%;
	height: 120px;
}
input[type=email], input[type=password], input[type=text], select, textarea {
    box-shadow: none;
    outline: 0;
    width: 100%;
	padding: 16px;
	border-bottom:1px solid rgb(100,112,121);
}
#two-column input[type="text"]:focus, #two-column textarea:focus{
	background: #eee;
}


input[type="submit"] {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

input[type="submit"] {
    display: -webkit-box;
    display: flex;
    font-family: inherit;
    font-size: 18px;
    color: white !important;
	border: 3px solid rgba(252,184,1,1.0) !important;
    letter-spacing: 1px;
    line-height: 1;
	padding: 18px 90px;
	background: rgba(252,184,1,1.0) !important;
	transition: 1.5s ease-in-out;
}
input[type="submit"]:hover {
    font-size: 18px;
    color: white !important;
	border: 3px solid rgb(100,112,121) !important;
    letter-spacing: 1px;
    line-height: 1;
	padding: 18px 90px;
	background: rgb(100,112,121) !important;
}
/**
* Tables
* -----------------------------------------------------------------------------
 */
/* 
Generic Styling, for Desktops/Laptops 
*/
table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #eee; 
}
th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	td:nth-of-type(1):before { content: "Race"; }
	td:nth-of-type(2):before { content: "Start Time"; }
	td:nth-of-type(3):before { content: "Early Bird Fee"; }
	td:nth-of-type(4):before { content: "Pre Entry Fee"; }
	td:nth-of-type(5):before { content: "Late Entry Fee"; }
}

/* =Media Queries
-------------------------------------------------------------- */
@media screen and (max-width: 1700px) {
.inner-footer-widget-wrapper-2 {
    width: 90%;    
}
}	
	
@media screen and (max-width: 1700px) {
}
@media screen and (max-width: 1670px) {
.inner-content2 {
    width: 80%;	
}
}
@media screen and (max-width: 1600px) {
.inner-footer-widget-wrapper-2 {
    width: 98%;
}
#content3333{
	min-height: 1500px;
}	
}
@media screen and (max-width: 1500px) {
#content1 {
    min-height: 800px;
}
.inner-content1 {
    top: 300px;	
}
.inner-content3 {
    top: 300px;	
}
.inner-content4 {
    top: 300px;	
}	
.inner-content2 {
    width: 90%;	
}
.flex-container-foot{
display:-webkit-flex;
display:flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-justify-content:space-between;
justify-content:space-between;
}
#content-box {
    width: 90%;
}
}
@media screen and (max-width: 1400px) {
#content1 {
    min-height: 600px;
}	
.inner-content1 {
    top: 100px;	
}
.inner-content3 {
    top: 100px;	
}	
.inner-content4 {
    top: 100px;	
}	
}
@media screen and (max-width: 1370px) {

}
@media screen and (max-width: 1300px) {
.flex-item{
		padding: 0 0 20px 0;
	}
#two-column #left {
    width: 90% !important;
    float: none;
}
#two-column #right {
    width: 90% !important;
    float: none;
}
#content1 {
    min-height: 1100px;
}	
.one_half {
    width: 98% !important;
	margin: 0 auto
}
#content-box {
    width: 96%;
    margin: 0 auto;
    text-align: center;
}	
#image-boxsport2, #image-boxsport3, #image-boxsport4 {
	display: none;
}
#image-boxsport1{
	width: 100%;
	height: 450px;
	margin: 0 0 10px 0;
	background: url(https://www.kijkoptom.co.za/wp-content/uploads/2020/05/kijk-sports-home-13.jpg) center center no-repeat;
	background-size: contain;
}	
#contentsport {
    min-height: 1500px;
}	
}
@media screen and (max-width: 1200px) {
#footer-sidebar2 {
    width: 300px;
}
#footer-sidebar3 {
    width: 300px;
}		
}
@media screen and (max-width: 1100px) {
#content3333{
	min-height: 1700px;
}	
}
@media screen and (max-width: 1050px) {
#footer-sidebar2 {
    width: 400px;
}	
#footer-sidebar3 {
    width: 400px;
    margin-top: 80px;
}	
#content3 {
    min-height: 1400px;
}
#content33 {
    min-height: 1600px;
}
#content333 {
    min-height: 1400px;
}
#content4 {
    min-height: 2800px;
}	
.home-welcome-box{
display:-webkit-flex;
display:flex;
-webkit-flex-direction:column;
flex-direction:column;
-webkit-justify-content:space-between;
justify-content:space-between;
}
#content-box2 {
    width: 90%;
    float: none;
    margin: 0 auto;
    text-align: center;
    min-height: 200px;
}	
.video-container {
    display:-webkit-flex;
display:flex;
-webkit-flex-direction:column;
flex-direction:column;
-webkit-justify-content:space-between;
justify-content:space-between;
	padding: 50px 0;
}

}
@media screen and (max-width: 980px) {

}
@media screen and (max-width: 900px) {
#content3333{
	min-height: 1900px;
}	
}
@media screen and (max-width: 830px) {
.flex-container-foot {
   display:-webkit-flex;
display:flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-justify-content:center;
justify-content:center;
}
#footer-sidebar {
    width: 500px;
}
#footer-sidebar2 {
    width: 500px;
	margin-top: 80px;
}	
#footer-sidebar3 {
    width: 500px;
	margin-top: 80px;
}	
}
@media screen and (max-width: 800px) {
#inner-header {
    width: 96%;
}
#contentsport {
    min-height: 1600px;
}		
}
@media screen and (max-width: 700px) {
#inner-header {
    min-height: 150px;
}
.site-branding {
    width: 350px;
    float: none;
    margin: 0 auto;
    padding: 20px 0 0 0;
}	
#mega-menu-wrap-menu-1 {
    width: 100%;
	margin: 0;
}
#content1 {
    min-height: 1200px;
}	
#content3 {
    min-height: 1500px;
}
#content33 {
    min-height: 1700px;
}
}
@media screen and (max-width: 650px) {
.inner-content11 {
    padding: 0;
}
}
@media screen and (max-width: 600px) {
#content1 {
    min-height: 1300px;
}
#content3 {
    min-height: 1600px;
}
#content33 {
    min-height: 1800px;
}
#content3333{
	min-height: 2100px;
}	
#contentsport {
    min-height: 1700px;
}		
}
@media screen and (max-width: 580px) {
#image-boxhome, #image-boxabout, #image-boxgeneral, #image-boxchildren, #image-boxlowvision, #image-boxsafety {
    margin: -50px 0 0 0;
}
}
@media screen and (max-width: 550px) {
#footer-sidebar {
    width: 400px;
}
#footer-sidebar2 {
    width: 400px;
	margin-top: 80px;
}	
#footer-sidebar3 {
    width: 400px;
	margin-top: 80px;
}
}

@media screen and (max-width: 500px) {
#content3 {
    min-height: 1750px;
}
#content33 {
    min-height: 1950px;
}
.hf1 {
    font-size: 1.5205em;
}
.hf2 {
    font-size: 2.025em;
}
#content3333{
	min-height: 2300px;
}
#contentsport {
    min-height: 1800px;
}	
}
@media screen and (max-width: 480px) {
#footer-sidebar {
    width: 320px;
}
#footer-sidebar2 {
    width: 320px;
	margin-top: 80px;
}	
#footer-sidebar3 {
    width: 320px;
	margin-top: 80px;
}
#content33 {
    min-height: 1800px;
}	
}
@media screen and (max-width: 400px) {
.inner-content1 {
    width: 80%;
}
.inner-content3 {
    width: 80%;
}
.inner-content4 {
    width: 80%;
}
.flex-container{
display:-webkit-flex;
display:flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-justify-content:center;
justify-content:center;
}
#content33 {
    min-height: 2300px;
}

}