@charset "UTF-8";
/* CSS Document */

/* Theme Name: ADD

Author: Michał D
Author URI: https://google.com/
Description: None.
Version: 1.0b */

/* Responsive-style */

.row::after {
	
    content: "";
    clear: both;
    display: table;
	
}

[class*="col-"] {
	
    float: left;
    padding: 0.0px;
	
}

@media only screen and (min-width: 730px) {
	
	[class*="col-"] {
		
		float: left;
		padding: 0.0px;
		
	}
	
}

/* For mobile phones: */
[class*="col-"] { width: 100%;}

.col-8 {width: 50.00%;}
.col-12 {width: 50.00%;}
.col-13 {width: 14.28%;}	

	
@media only screen and (min-width: 1024px) {
    /* For desktop: */
	
	.col-1 {width: 33.333333%;}
	.col-2 {width: 66.66%;}
	.col-3 {width: 33.34%;}
	.col-4 {width: 100%;}
	.col-5 {width: 25.00%;}
	.col-6 {width: 50.00%;}
	.col-7 {width: 75.00%;}
	.col-8 {width: 50.00%;}
	.col-9 {width: 40.00%;}
	.col-10 {width: 20.00%;}
	.col-11 {width: 10.00%;}
	.col-12 {width: 25.00%;}
	.col-13 {width: 14.28%;}
	.col-14 {width: 50.00%;}
	
}


@media only screen and (max-width: 1024px) {
    /* For desktop or tablets: */

	.col-5 {width: 50.00%;}
	.col-8 {width: 50.00%;}
	.col-14 {width: 100.00%;}
	.col-10 {width: 20.00%;}
	
}

@media only screen and (max-width: 730px) and (orientation: landscape) {
    /* For mobile or tablets: */

	.col-5 {width: 100.00%;}
	.col-8 {width: 100.00%;}
	.col-12 {width: 50.00%;}
	.col-14 {width: 100.00%;}	
	.col-10 {width: 100.00%;}
	
}

@media only screen and (max-width: 730px) and (orientation: portrait) {
    /* For mobile in portrait orientation: */

	.col-5 {width: 100.00%;}
	.col-8 {width: 100.00%;}
	.col-12 {width: 100.00%;}
	.col-14 {width: 100.00%;}	
	.col-10 {width: 100.00%;}
	
}

/* Responsive-mobile padding-display-lock-style */

.add-mobile-desktop-padding {
	
	width: 100%;
	height: 88px;
	background-color: white;
	
}

@media screen and (max-width: 1024px) {
	
	.add-mobile-desktop-padding {
		
		width: 100%;
		height: 60px;
		background-color: white;
		
	}
	
}

@media screen and (min-width: 1180px) {
	.add-mobile-desktop-padding {
		
		width: 100%;
		height: 88px;
		background-color: white;
		
	}
}

.mobile-display {display: none;}

.tablet-display {display: none;}
  
@media (min-width: 0px) and (max-width: 720px) {
	
	.mobile-display {display: block;}
  
}

@media (min-width: 720px) and (max-width: 1024px) {
	
  .tablet-display {display: block;}
  
}

@media screen and (max-width: 1024px) {
	
  .desktop-display {display: none;}
  
}

.display-lock {display: none;}

.display-unclock {display: block;}