/* Smartphones (portrait and landscape) ----------- */

@media (min-width : 320px)and (max-width : 480px) {

#hamburger { right: 22px; top: 20px;}

.Modern-Slider .item h5{font:15px/14px 'Jost', sans-serif;}	

.self-btn {display: block;  margin: 0 auto;  text-align: center; }

.self-btn:hover {display: block; margin: 0 auto;text-align: center;font-weight: bold;color:#f2d182;}
	
.page-header h5{position: absolute;top: 75px;right: 72px;}

.page-header h6{position: absolute;top: 106px;right: 72px;/* animation: fadeInUp 1s both 1.5s; */}	

.logo { position: absolute; top: 121px; margin: 0 auto; width: 95%; left: 0;}

.logo img {max-width: 100%;}

.inlogo {position: relative; top: 0px; margin: 0 auto; display: block; width: 45%; left: 10px;}

.inlogo img {max-width: 100%;}	

.adgullyhome {top: 13px; left: 14px;}

.adgullyhome img {max-width: 55%;}	

.adgully {top: 24px; left: 10px;}

.adgully img {max-width: 38%;}		

.box {top: 50%;width: 100%;position: absolute;}

.card .card-title {font-size: 16px!important;}	

.Modern-Slider .item h3{font: 24px/25px 'Jost', sans-serif;}

.hometxt {top: 80px; position: relative;}

.hometxt h1{font-size: 22px;}

.hometxt h3{font-size: 18px; }

.Modern-Slider .item .info > div{display: block;}

.Modern-Slider .item .img-fill .info {top: 53px;top: 95px;}

.container{z-index:99999; position:relative; width: 90%!important; }	

.categories{font-size:16px; text-align: justify; text-justify: none;}

.card { display:block; margin: 0 10px;}

.graphic-container { overflow: hidden;  display: block;  max-width: 100%;}

.bg { scale: 1.3;}

.character { height: 110%;}

.member-info {  display: flex;}

.member-info-content {  margin-top: -50px;}

.subtitle { font-size: 16px;}

.slider { width: 120%!important;}

.cat img {width: 100%;}

.rules img {width: 100%;}

.form_speaker{padding: 0 38px;}	

.Modern-Slider .item .info div.slidecont{flex-direction: column; flex-wrap: wrap;}
	
.slidecont .card {width: 100%;}
	
.slider .card {	width: 90%;}

.slidecont .card {margin: 10px auto;}

.categories h5 {padding: 20px 0 10px 0;max-width: 190px;font-size: 18px;font-weight: bold;border-radius: 10px;color: #f2d182;margin: 20px auto;text-align: center;border: 3px solid #f2d182;}

nav #navigation {background:#22281aad;}

nav #navigation .logo a {color: #ffffff;text-decoration: none;}

nav #navigation ul {position: relative;list-style: none;padding: 0;margin-top: 40px;}

nav #navigation ul li {position: relative;font-size: 24px;letter-spacing: 0.04em;padding-left: 16px;margin-bottom: 10px;font-weight: 700;}

nav #navigation ul li a {position: relative;color: #ffffff;text-decoration: none;padding-bottom: 4px;}

nav #navigation ul li a::after {content: "";position: absolute;left: 0;bottom: 0;width: 40px;height: 2px;background-color: #ffffff;}

.Modern-Slider .item .img-fill.slide-0 {display: flex;justify-content: center;align-items: center;position: relative;}

ul.justify-content-center.align-items-center.d-flex {width: 100%;justify-content: space-around;}

ul.justify-content-center.align-items-center.d-flex li{padding:0 30px;}

ul.justify-content-center.align-items-center.d-flex li span {list-style: none;font-size: 52px;color: #002366;}

ul.justify-content-center.align-items-center.d-flex li{font-size:30px;}

.mb-20{margin-bottom:20px;}.row.d-flex.justify-content-center {margin: 0;padding: 0;}
	
ul.justify-content-center.align-items-center.d-flex li{padding:0 4px;}

ul.justify-content-center.align-items-center.d-flex li span {list-style: none;font-size: 18px;}

.owl-dot2{width:100%;}

.owl-theme {display: block;}ul.justify-content-center.align-items-center.d-flex li{font-size:16px;}
	
	.logo-card {
    /* background-color: #fff; */
    background-color: #fff0!important;
    border-radius: 14px!important;
    margin: 0 auto;
    width: 260px !important;
    height: 165px !important;
    padding: 10px;
    transition: transform .3s;
}

}

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

#hamburger { right: 22px; top: 20px;}

.Modern-Slider .item h5{font:15px/14px 'Jost', sans-serif;}	

.page-header h6 {top: 53px;}

.self-btn {display: block;  margin: 0 auto;  text-align: center; }

.self-btn:hover {display: block;  margin: 0 auto; text-align: center; font-weight: bold; color:#f2d182;}

.logo {position: absolute; top: 137px;  margin: 0 auto; width: 95%; left: 0;}

.logo img {max-width: 100%;}

.inlogo {position: relative; top: 0px; margin: 0 auto; display: block; width: 45%; left: 10px;}

.inlogo img {max-width: 100%;}	

.adgullyhome {top: 13px; left: 14px;}

.adgullyhome img {max-width: 55%;}	

.adgully {top: 24px; left: 10px;}

.adgully img {max-width: 38%;}		
	
.box {top: 18%;width: 100%;position: absolute; justify-content: center;}

.card .card-title {font-size: 18px!important;}	

.Modern-Slider .item h3{font: 26px/28px 'Jost', sans-serif;}

.hometxt {top: 80px;position: relative;}

.hometxt h1{font-size: 30px;}

.hometxt h3{font-size: 18px;}

.Modern-Slider .item .info > div{display: block;}

.Modern-Slider .item .img-fill .info {top: 84px;top: 145px;}

.container{z-index:99999; position:relative; width: 90%!important; }	

.categories{font-size:16px; text-align: justify; text-justify: none;}

.card { display:block; margin: 0 10px;}

.graphic-container { overflow: hidden;  display: block;  max-width: 100%;}

.bg { scale: 1.3;}

.character { height: 110%;}

.member-info {  display: flex;}

.member-info-content {  margin-top: -50px;}

.subtitle { font-size: 16px;}

.slider { width: 120%!important;}

.cat img {width: 100%;}

.rules img {width: 100%;}

.form_speaker{padding: 0 38px;}	

.Modern-Slider .item .info div.slidecont{flex-direction: column; flex-wrap: wrap;}
	
.slidecont .card {width: 100%;}
	
.slider .card {	width: 90%;}

.slidecont .card {margin: 10px auto;}

.categories h5 {padding: 20px 0 10px 0;max-width: 190px;font-size: 18px;font-weight: bold;border-radius: 10px;color: #f2d182;margin: 20px auto;text-align: center;border: 3px solid #f2d182;}

nav #navigation {background:#22281aad;}

nav #navigation .logo a {color: #ffffff;text-decoration: none;}

nav #navigation ul {position: relative;list-style: none;padding: 0;margin-top: 40px;}

nav #navigation ul li {position: relative;font-size: 24px;letter-spacing: 0.04em;padding-left: 16px;margin-bottom: 10px;font-weight: 700;}

nav #navigation ul li a {position: relative;color: #ffffff;text-decoration: none;padding-bottom: 4px;}

nav #navigation ul li a::after {content: "";position: absolute;left: 0;bottom: 0;width: 40px;height: 2px;background-color: #ffffff;}

.Modern-Slider .item .img-fill.slide-0 {display: flex;justify-content: center;align-items: center;position: relative;}

ul.justify-content-center.align-items-center.d-flex {width: 100%;justify-content: space-around;}

ul.justify-content-center.align-items-center.d-flex li{padding:0 30px;}

ul.justify-content-center.align-items-center.d-flex li span {list-style: none;font-size: 52px;color: #002366;}

ul.justify-content-center.align-items-center.d-flex li{font-size:30px;}

.mb-20{margin-bottom:20px;}.row.d-flex.justify-content-center {margin: 0;padding: 0;}
	
ul.justify-content-center.align-items-center.d-flex li{padding:0 4px;}

ul.justify-content-center.align-items-center.d-flex li span {list-style: none;font-size: 18px;}

.owl-dot2{width:100%;}

.owl-theme {display: block;}ul.justify-content-center.align-items-center.d-flex li{font-size:16px;}

}


/* iPads (portrait and landscape) ----------- */

@media (min-width: 769px) and (max-width: 1024px) {

#hamburger { right: 22px; top: 20px;}

.Modern-Slider .item h5{font:15px/14px 'Jost', sans-serif;}	

.self-btn {display: block;  margin: 0 auto;  text-align: center; }

.self-btn:hover {display: block; margin: 0 auto; text-align: center; font-weight: bold; color:#f2d182;}

.logo {position: absolute;top: 144px;margin: 0 auto; width: 100%; left: 0;}

.logo img {max-width: 100%;}

.inlogo {position: relative; top: 0px; margin: 0 auto; display: block; width: 45%; left: 10px;}

.inlogo img {max-width: 100%;}	

.adgullyhome {top: 13px; left: 14px;}

.adgullyhome img {max-width: 55%;}	

.adgully {top: 24px; left: 10px;}

.adgully img {max-width: 38%;}		
	
.box { top: 0%; width: 100%; position: absolute; left: 0; justify-content: center;}

.card .card-title {font-size: 24px!important;}	

.Modern-Slider .item h3{font: 30px/25px 'Jost', sans-serif; margin: 0;}

.hometxt {top: 80px; position: relative;}

.hometxt h1{font-size: 40px;}

.hometxt h3{font-size: 18px; padding: 10px;}

.Modern-Slider .item .info > div{display: block;}

.Modern-Slider .item .img-fill .info {top: 153px;}

.container{z-index:99999; position:relative; width: 90%!important; }	

.categories{font-size:16px; text-align: justify; text-justify: none;}

.card { display:block; margin: 0 10px; width: 285px;}

.graphic-container { overflow: hidden;  display: block;  max-width: 100%;}

.bg { scale: 1.3;}

.character { height: 110%;}

.member-info {  display: flex;}

.member-info-content {  margin-top: -50px;}

.subtitle { font-size: 16px;}

.slider { width: 120%!important;}

.cat img {width: 100%;}

.rules img {width: 100%;}

.form_speaker{padding: 0 183px;}	

.Modern-Slider .item .info div.slidecont{flex-direction: column; flex-wrap: wrap;}
	
.slidecont .card {width: 100%;}
	
.slider .card {	width: 90%;}

.slidecont .card {margin: 10px auto;}

.categories h5 {padding: 20px 0 10px 0;max-width: 190px;font-size: 18px;font-weight: bold;border-radius: 10px;color: #f2d182;margin: 20px auto;text-align: center;border: 3px solid #f2d182;}

nav #navigation {background:#22281aad;}

nav #navigation .logo a {color: #ffffff;text-decoration: none;}

nav #navigation ul {position: relative;list-style: none;padding: 0;margin-top: 40px;}

nav #navigation ul li {position: relative;font-size: 24px;letter-spacing: 0.04em;padding-left: 16px;margin-bottom: 10px;font-weight: 700;}

nav #navigation ul li a {position: relative;color: #ffffff;text-decoration: none;padding-bottom: 4px;}

nav #navigation ul li a::after {content: "";position: absolute;left: 0;bottom: 0;width: 40px;height: 2px;background-color: #ffffff;}

.Modern-Slider .item .img-fill.slide-0 {display: flex;justify-content: center;align-items: center;position: relative;}

ul.justify-content-center.align-items-center.d-flex {width: 100%;justify-content: space-around;}

ul.justify-content-center.align-items-center.d-flex li{padding:0 30px;}

ul.justify-content-center.align-items-center.d-flex li span {list-style: none;font-size: 52px;color: #002366;}

ul.justify-content-center.align-items-center.d-flex li{font-size:30px;}

.mb-20{margin-bottom:20px;}.row.d-flex.justify-content-center {margin: 0;padding: 0;}
	
ul.justify-content-center.align-items-center.d-flex li{padding:0 4px;}

ul.justify-content-center.align-items-center.d-flex li span {list-style: none;font-size: 18px;}

.owl-dot2{width:100%;}

.owl-theme {display: block;}ul.justify-content-center.align-items-center.d-flex li{font-size:16px;}

}

/* iPads (landscape) ----------- */

@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px)

and (orientation : landscape) {

/* Styles */

}

/* iPads (portrait) ----------- */

@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px)

and (orientation : portrait) {

/* Styles */

}
/*
@media (min-width: 1025px) and (max-width: 1400px) {
.box {
    top: 0%;
    position: absolute;
    left: 0;
    width: 33%;
}
}
*/

/* Desktops and laptops ----------- */

@media (min-width: 1026px) and (max-width: 1600px) {
	
.hometxt h1 { font-size: 48px;}	
	
.hometxt { left: 50%}		

.box { top: 17%; position: absolute; left: 0; width: 33%;}

.card .card-title {font-size: 19px!important;}
	
	.logo-card {
    /* background-color: #fff; */
    background-color: #fff0!important;
    border-radius: 14px!important;
    margin: 0 auto;
    width: 260px !important;
    height: 183px !important;
    padding: 10px;
    transition: transform .3s;
}

}

/* Large screens ----------- */

@media only screen

and (min-width : 1824px) {

.box { height: 95vh; position: absolute; left: 0;}

.card .card-title {font-size: 24px!important;}	

}

@media (min-width: 1300px) and (max-width: 1550px){
    .cat img {
    width: 688px !important;
}

}



@media (min-width: 1551px) and (max-width: 2200px){
    .cat img {
    width: 840px !important;
}
	.box {
    top: -25%;
    position: absolute;
    left: 0;
    width: 33%;
}
}


@media (min-width: 2201px) and (max-width: 3300px){

	.box {
    top: -25%;
    position: absolute;
    left: 0;
    width: 33%;
}
}

@media (min-width: 3301px) and (max-width: 4400px){

.box {
    height: 0;
    position: absolute;
    left: -11%;
    top: 13%;
}
}