@media screen and (min-width: 768px) {
.elementor-widget-breadcrumbs {
display: none;
}
.hdn-masthead-wrapper {
border:  2px solid blue;
padding: 0 200px 0 100px ;
}
.hdn-courses-cats-wrap .elementor-column.elementor-col-25 {
width: 24% !important;
}
.hdn-courses-cats-wrap .elementor-row {
justify-content: space-between;
}
.hdn-courses-cats p {
margin-bottom: 0 !important;
line-height: 1.15em;
}
.hdn-courses-cats p b,
.hdn-courses-cats p strong, {
font-weight: bold;
}
.hdn-courses-cats-1-1,
.hdn-courses-cats-2-1,
.hdn-courses-cats-3-1,
.hdn-courses-cats-4-1 {
border: 1px solid black; 
border-bottom-width: 10px;
background: white;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 10px !important;
cursor: pointer;
transition: all 0.2s linear;
}
.hdn-courses-cats-1-1 {
border-color: #7F348C;
}
.hdn-courses-cats-2-1 {
border-color: #016DA3;
}
.hdn-courses-cats-3-1 {
border-color: #FFE600;
}
.hdn-courses-cats-1-1:hover div,
.hdn-courses-cats-1-1:active div,
.hdn-courses-cats-1-1:focus div,
.hdn-courses-cats-2-1:hover div,
.hdn-courses-cats-2-1:active div,
.hdn-courses-cats-2-1:focus div,
.hdn-courses-cats-3-1:hover div,
.hdn-courses-cats-3-1:active div,
.hdn-courses-cats-3-1:focus div,
.hdn-courses-cats-4-1:hover div,
.hdn-courses-cats-4-1:active div,
.hdn-courses-cats-4-1:focus div {
color: white;
}
.hdn-courses-cats-1-1:hover,
.hdn-courses-cats-1-1:active,
.hdn-courses-cats-1-1:focus {
background: #7F348C;
color: white;
}
.hdn-courses-cats-2-1:hover,
.hdn-courses-cats-2-1:active,
.hdn-courses-cats-2-1:focus {
background: #016DA3;
color: white;
}
.hdn-courses-cats-3-1:hover,
.hdn-courses-cats-3-1:active,
.hdn-courses-cats-3-1:focus {
background: #FFE600;
color: white;
}
.hdn-courses-cats-4-1:hover,
.hdn-courses-cats-4-1:active,
.hdn-courses-cats-4-1:focus {
background: black;
color: white;
}
.hdn-course-cta-dt h3 a {
border: 1px solid #081D39;
display: inline-block;
margin-left: auto;
margin-right: auto;
padding: 12px 30px;
transition: all 0.2s linear;
}
.hdn-course-cta-dt h3 a:hover {
background: #081D39;
color: white !important;
}
.elementor-pagination-position-outside .swiper-container {
padding-bottom: 45px;
}
.hdn-masthead-ttl-dt {
color: #00AEEF;
font-family: "Signika", Sans-serif;
font-weight: bold;
font-size: 50px;
line-height: 1.15em;
margin-top: 40px;
margin-bottom: 10px;
}
.hdn-masthead-cta-dt a {
font-weight: 600;
background-color: #E22A86;
border-radius: 0px !important;
margin-bottom: 40px;
margin-top: 20px;
}
.hdn-masthead-cats-dt {
display: flex;
justify-content: space-between;
}
.hdn-methology-wrap .elementor-row {
flex-wrap: wrap !important;
justify-content: space-between;
}
.hdn-methology-wrap .hdn-methology-col {
width: 30% !important;
}
.hdn-methology-wrap .hdn-methology-col-last,
.hdn-methology-wrap .hdn-lessons-col-last {
display: block;
text-align: center;
min-width: 760px;
}
.hdn-methology-wrap .hdn-methology-col-last {
margin: 30px auto 60px auto;
}
.hdn-methology-wrap .hdn-lessons-col-last {
margin: 30px auto 120px auto;
}
.hdn-online-tool-wrap > .elementor-container > .elementor-row {
justify-content: space-between !important;
}
.hdn-online-tools {
width: 23% !important;
}
.hdn-online-tools .elementor-divider{
background: #00AEEF;
padding-top: 3px !important;
padding-bottom: 2px !important;
}
.hdn-online-tools:hover .hde-tools-sep .elementor-divider {
background: #016DA3;
} 
.hdn-online-tools:hover .hde-tools-sep .elementor-divider .elementor-divider-separator {
border-color: #016DA3;
}
.hdn-online-tool-image {
min-height: 65px;
}
.elementor-39 .elementor-element.elementor-element-51bb54a .elementor-background-slideshow.swiper-container {
display: none;
}
.hdn-dna-cta-wrap h3 {
position: relative;
top: -100px;
}
.hdn-global-awards-cta {
display: block;
margin-top: 25px;
text-align: center !important;
}
.hdn-global-awards-cta a {
color: #081D39; 
}
.hdn-ribbon-wrap .hdn-ribbon-num {
margin-bottom: 6px;
}
.hdn-ribbon-cnt {
padding-bottom: 160px;
}
.elementor-39 .elementor-element.elementor-element-055159d .elementor-field-group {
margin-bottom: 20px;
}
.elementor-39 .elementor-element.elementor-element-055159d .elementor-field-group .elementor-select-wrapper select {
height: initial;
}
.elementor-field-group-field_010e494 .elementor-field-option {
display: -ms-flexbox;
display: flex;
align-items: baseline;
}
.elementor-field-group-field_010e494 .elementor-field-option input {
position: relative;
top: 2px;
}
.accept,
.accept-dt { 
color: #081D39; 
font-size: 15px;
line-height: 21px;
display: block;
}
}
@media screen and (min-width: 1024px) {
.hdn-masthead-ttl-dt {
font-size: 60px;
line-height: 1.15em;
}
.hdn-online-tools {
width: 20% !important;
}
}
@media screen and (min-width: 1280px) {
.hdn-masthead-ttl-dt {
font-size: 70px;
line-height: 1.15em;
margin-top: 60px;
}
.hdn-masthead-cta-dt {
margin-bottom: 60px;
}
.hdn-dna-cta-wrap h3 {
position: relative;
top: -140px;
}
}
@media screen and (min-width: 1600px) {
.hdn-masthead-ttl-dt {
font-size: 90px;
line-height: 1.0125em;
margin-top: 75px;
}
.hdn-masthead-cta-dt {
margin-bottom: 90px;
}
.hdn-dna-cta-wrap h3 {
position: relative;
top: -180px;
}
}
@media screen and (max-width: 767px) {
.hdn-online-tool-wrap .elementor-row {
flex-wrap: wrap;
}
.hdn-online-tools {
width: 48% !important;	
}
.hdn-online-tools.hdn-online-tools-3,
.hdn-online-tools.hdn-online-tools-4 {
margin-top: 50px;
}
}
@media screen and (min-width: 768px) and (max-width: 1680px) {
.elementor-39 .elementor-element.elementor-element-10db77dd:not(.elementor-motion-effects-element-type-background) {
background-size: contain;
}
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
.elementor-39 .elementor-element.elementor-element-caccb69 .elementor-heading-title {
font-size: 50px;
}
.hdn-courses-cats-wrap .elementor-element .hdn-courses-cats {
font-size: 20px;
}
.elementor-39 .elementor-element.elementor-element-70f8ce2 {
font-size: 20px;
}
.hdn-ribbon-num .elementor-widget-container {
margin-top: 55px !important;
}
.hdn-ribbon-num .elementor-widget-container h3 {
font-size: 40px !important;
}
.hdn-ribbon-cnt {
font-size: 22px !important;
}
}
@media screen and (min-width: 1280px) and (max-width: 1680px) {
.elementor-39 .elementor-element.elementor-element-caccb69 .elementor-heading-title {
font-size: 60px;
}
.hdn-courses-cats-wrap .elementor-element .hdn-courses-cats {
font-size: 20px;
}
}