/* SMALL SCREENS */

@media only screen and (max-width: 1200px) {

.autotext {
	font-weight: 400;
	font-size: 100px;
	color: #262626;
	width: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	}

h1 { font-size: 380%; line-height: 100px; }
h2 { font-size: 280%; line-height: 54px; }
h3 { font-size: 120%; line-height: 28px; }

#page-content { min-width: 940px; }
.wrapper { width: 940px; }


aside {	width: 240px; }

.blog-content { width: 550px; }
#blog-grid .masonry-item { width: 286px; }

header #logo { padding: 10px 0; height: 80px; max-width: 350px; }

.one-half  { width: 60%; margin-top: 100px; }

.one-third { width: 28%; margin-top: 100px; min-width: 16em; } /* ian dunn change was 286px also made padding-top just 200px */
.two-third { width: 53%; margin-top: 100px; } /* ian dunn change */

.one-fourth { width: 28%; margin-top: 100px; }
.two-fourth { width: 45%; margin-top: 100px; }
.three-fourth { width: 60%; margin-top: 100px;}


.one-half .iconbox-content { width: 400px; }
.one-third .iconbox-content { width: 236px; }
.one-fourth .iconbox-content { width: 155px; }

nav#main-nav { display: block; }  /* ian dunn change 18th Feb */

nav#main-nav ul li {
	position: relative;
	z-index: 45;
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	min-width: 10px;
	}

.menuoffset {
margin-top: 20px;
margin-left: 5px;
}

.mainblock {
color: #FFFFFF;
/* left: 22%; */
display: inline-block;
width: 90%;
}


.centerblock {
color: #FFFFFF;
/* left: 22%; */
display: inline-block;
width: 100%; /* was 90% changed 20th july 2020 */
}

.elephant {
display: none;
}

.wrapper2 {
    margin-top: 0px;
    margin-left: 150px;
    margin-right: 150px;
}

.badge {
position:absolute;
top: 100px;
left: 50px;
width: 180px;
-ms-transform: rotate(-15deg); /* IE 9 */
-webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */
transform: rotate(-15deg);
}

#linkedin1 {
position: relative;
right: -120px;
}

#dec1-title {
font-size: 40px;
width: 100%;
line-height: 120%;
}

#dec2-title {
font-size: 40px;
line-height: 120%;
width: 100%;
display: none;
}

#logo {
top: 8px;
right: 20px;
}

#logo img {
    width: 125px;
    height: 44px;
	}

.menutoggler {
/* top:25px; */
top: 35px;
left: 50px;
}

.fa-bars::before {
content:url("../../menu-button3.svg");
}

}

/* TABLETS ON PORTRAITS */
@media only screen and (max-width: 1023px) {

h1 { font-size: 380%; line-height: 100px; }
h2 { font-size: 180%; line-height: 120%; }
h3 { font-size: 120%; line-height: 28px; }

.maintitle {
    font-size: 180%;
    line-height: 140%;
}

#welcome-title {
    font-size: 180%;
    line-height: 140%;
}

#page-content { min-width: 740px; }
.wrapper { width: 740px; }
aside {	width: 100%; float: none; margin-top: 100px; }

nav#main-nav > ul > li > a:first-child { line-height: 40px; padding: 10px 0; }
nav#menu-controls > ul > li { height: 40px; padding: 10px 0; }
nav#main-nav > ul > li > .sub-menu { top: 60px; }

#portfolio-single aside { margin-top: 0px; }

.blog-content { width: 650px; }
#blog-grid .masonry-item { width: 220px; }

.column { margin: 60px 0 0 0; }


.one-half  { width: 60%; margin-top: 100px; }

.one-third { width: 28%; margin-top: 100px; min-width: 14em; } /* ian dunn change was 286px also made padding-top just 200px */
.two-third { width: 47%; margin-top: 100px; } /* ian dunn change */

.one-fourth { width: 38%; margin-top: 100px; }
.two-fourth { width: 45%; margin-top: 100px; }
.three-fourth { width: 60%; margin-top: 100px;}

.europe {
    width: 100%;
    position: relative;
    left: initial;
    top: initial;
    right: initial;
    bottom: initial;
}  /* ian dunn change */


.asia {
    width: 100%;
    position: relative;
    left: initial;
    top: initial;
    right: initial;
    bottom: initial;
}  /* ian dunn change */

.oceania {
    width: 100%;
    position: relative;
    left: initial;
    top: initial;
    right: initial;
    bottom: initial;
 }  /* ian dunn change */

.marker {
    width: 2px;
    background-color: #ec622b;
    float: left;
    position: absolute;
    left: -20px;
    top: -20px;
    height: 0%;
    max-height: 120%;
    min-height: 0%
}

.one-half .iconbox-content { width: 300px; }
.one-third .iconbox-content { width: 170px; }
.one-fourth .iconbox-content { width: 105px; }

.pricing-table { padding: 15px; }
.pricing-accent { padding: 35px 15px; }
.one-fourth .pricing-table {	padding-left: 5px;	padding-right: 5px; }
.price-amount { font-size: 60px; line-height: 60px; }
.one-fourth .price-amount { font-size: 40px; line-height: 40px; }

.mainblock {
color: #FFFFFF;
/* left: 22%; */
margin-top: 200px;
display: inline-block;
width: 90%;
}


.centerblock {
color: #FFFFFF;
/* left: 22%; */
margin-top: 490px;
display: inline-block;
width: 100%;
}

.badge {
position:absolute;
top: 50px;
left: 60px;
width: 200px;
-ms-transform: rotate(-15deg); /* IE 9 */
-webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */
transform: rotate(-15deg);
}

.sectext {
    font-size: 180%;
    line-height: 120%;
}

.wrapper2 {
    margin-top: 0px;
    margin-left: 125px;
    margin-right: 150px;
}

#dec1-title {
font-size: 40px;
width: 100%;
}

#dec2-title {
font-size: 40px;
width: 100%;
display: none;
}

#logo {
top: 8px;
right: 20px;
}

#logo img {
    width: 125px;
    height: 44px;
	}

.menutoggler {
/* top:25px; */
top: 35px;
left: 20px;
}

.fa-bars::before {
content:url("../../menu-button3.svg");
}

/* set circular arrows on sectors */

.circle-container {
    position: relative;
    width: 14em;
    height: 14em;
    /* padding: 2.8em; */
    /*2.8em = 2em*1.4 (2em = half the width of a link with img, 1.4 = sqrt(2))*/
    border: none;
    border-radius: 50%;
    left: -20px;
   /* margin: 1.75em auto 0; */
}
.circle-container div {
    display: block;
    position: absolute;
    top: 50%; left: 50%;
    width: 4em; height: 4em;
    margin: -2em;
}

#forced {
display: none;
}


}

/* Smartphones - Landscape Mode */
@media only screen and (max-width: 760px) {

#test1 {
    margin-top: 70px;
}

#experience-title {
    margin-top: -40px;
}

/*
h1 { font-size: 40px; line-height: 74px; }
h2 { font-size: 27px; line-height: 35px; }
h3 { font-size: 18px; line-height: 23px; }
h4 { font-size: 20px; line-height: 28px; }
h5 { font-size: 18px; line-height: 26px; }
h6 { font-size: 16px; line-height: 22px; }
*/

h1 { font-size: 40px; line-height: 74px; }
/* h2 { font-size: 32px; line-height: 44px; } */
h2 { font-size: 34px; line-height: 35px; }
h3 { font-size: 26px; line-height: 30px; }
h4 { font-size: 20px; line-height: 28px; }
h5 { font-size: 18px; line-height: 26px; }
h6 { font-size: 16px; line-height: 22px; }

#page-content { min-width: 300px; }
.wrapper { width: 90%; }   /* ian dunn change was org. 740px */
aside {	width: 100%; float: none; margin-top: 60px; padding-top: 60px; border-top: 1px solid #d9d9d9; }

header #logo { padding: 10px 0; height: 60px; max-width: 350px; }

#portfolio-single aside { border:none; padding-top:0; }

.blog-date { width: 50px; }
.blog-date .date-day { font-size: 40px; line-height: 30px;}
.blog-date .date-month {font-size: 10px; letter-spacing: 0.03em; }
.blog-content { width: 240px; float: right; }
#blog-grid .masonry-item { width: 300px; }

.column { margin: 60px 0 0 0; }

/* div .column:first-child { margin: 0; } */
.one-half  { width: 100%; margin-top: 100px; }
.one-third { width: 100%; margin-top: 100px; min-width: 12em; }
.two-third { width: 100%; margin-top: 100px; }
.one-fourth { width: 100%; margin-top: 100px; }
.two-fourth { width: 100%; margin-top: 100px; }
.three-fourth { width: 100%; margin-top: 100px; }


.europe {
    width: 100%;
    position: relative;
    left: initial;
    top: initial;
}  /* ian dunn change */


.asia {
    width: 100%;
    position: relative;
    left: initial;
    top: initial;
}  /* ian dunn change */

.oceania {
    width: 100%;
    position: relative;
    left: initial;
    top: initial;
 }  /* ian dunn change */


#experiencescolumn {
    margin-top: 0px;
}

 #european_arrow {
 display: none;
 }

 #asia_arrow {
 display: none;
 }

 #oceania_arrow {
 display: none;
 }

 input[type="text"], input[type="password"], input[type="email"], textarea {
 font-size: 12px;
 }



.one-half .iconbox-content { width: 250px; }
.one-third .iconbox-content { width: 250px; }
.one-fourth .iconbox-content { width: 250px; }

.pricing-table { padding: 30px !important; }
.pricing-accent { padding: 50px 30px !important; }
.price-amount { font-size: 80px !important; line-height: 80px !important; }

/* Spacings */
.section-title { margin-top: -7px; margin-bottom: 60px; }
/* .section-inner { padding-top: 60px; } */
.horizontalsection .horizontalinner { padding: 60px 0; }
#portfolio-single {  padding-top: 60px; }
.ajax-section #portfolio-single {  padding-bottom: 60px; }
#portfolio-single .portfolio-media { margin-top: 40px; }
#portfolio-single .portfolio-content { margin-top:0; padding-top: 40px; }
.ajax-section { padding-bottom: 60px; }
#ajax-loader .loader-icon { top: 20px!important; }
.close-project { bottom: 70px; }
#blog-grid { margin-bottom: 20px; }
.spacer.spacer-mini { height: 15px; }
.spacer.spacer-small { height: 30px; }
.spacer.spacer-medium { height: 45px; }
.spacer.spacer-big { height: 60px; }

.mainblock {
color: #FFFFFF;
/* left: 22%; */
margin-top: 200px;
/* display: inline-block;  */
/* width: 80%; */
width: 100%;
}


.centerblock {
color: #FFFFFF;
/* left: 22%; */
margin-top: 490px;
/* display: inline-block;  */
/* width: 80%; */
width: 100%;
line-height: 50px;
}

.serviceblock {
color: #324151;
/* left: 22%; */
margin-top: 50px;
display: inline-block;
width: 85%;
}

#servicesmenu {
padding-top: 10px;
margin-top: 40px;
}

#risks_s {
padding-top: 10px;
margin-top: 10px;
}

#services_s {
padding-top: 10px;
margin-top: 10px;
}

#benefits_s {
padding-top: 10px;
margin-top: 10px;
}


.maintitle {
font-size: 38px;
}

#welcome-title {
font-size: 38px;
}

.wrapper2 {
	margin-top: 0px;
    margin-left: 100px;
	margin-right: 90px;
}


.extrabreak {
display: none;
}


#logo {
top: 5px;
right: 20px;
}

#logo img {
    width: 40px;
    height: 40px;
	}

.menutoggler {
top:20px;
left: 15px;
}

.fa-bars::before {
content:url("../../menu-button2.svg");
}


.badge {
position:absolute;
top: 40px;
left: 60px;
width: 150px;
-ms-transform: rotate(-15deg); /* IE 9 */
-webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */
transform: rotate(-15deg);
}

#linkedin1 {
display: none;
}

#linkedin2 {
display: unset;
}

/* set circular arrows on sectors */

.circle-container {
    position: relative;
    width: 12em;
    height: 12em;
    /* padding: 2.8em; */
    /*2.8em = 2em*1.4 (2em = half the width of a link with img, 1.4 = sqrt(2))*/
    border: none;
    border-radius: 50%;
    left:0px;
   /* margin: 1.75em auto 0; */
}
.circle-container div {
    display: block;
    position: absolute;
    top: 50%; left: 50%;
    width: 4em; height: 4em;
    margin: -2em;
}

.parallax-text {
    position: relative;
}

.sectext {
    font-size: 200%;
    line-height: 120%;
}

#dec1-title {
font-size: 40px;
width: 100%;
}

#dec2-title {
font-size: 40px;
width: 100%;
display: none;
}

#forced {
display: none;
}

.marker {
    width: 2px;
    background-color: #ec622b;
    float: left;
    position: absolute;
    left: -20px;
    top: -20px;
    height: 0%;
    max-height: 120%;
    min-height: 0%
}


}


/* Smartphones - Portrait Mode */
@media only screen and (max-width: 480px) {



h1 { font-size: 40px; line-height: 74px; }
/* h2 { font-size: 32px; line-height: 44px; } */
h2 { font-size: 34px; line-height: 44px; }
h3 { font-size: 26px; line-height: 36px; }
h4 { font-size: 20px; line-height: 28px; }
h5 { font-size: 18px; line-height: 26px; }
h6 { font-size: 16px; line-height: 22px; }



#page-content { min-width: 300px; }
.wrapper { width: 90%; }   /* ian dunn change was org. 740px */
aside {	width: 100%; float: none; margin-top: 60px; padding-top: 60px; border-top: 1px solid #d9d9d9; }

header #logo { padding: 10px 0; height: 60px; max-width: 350px; }

#portfolio-single aside { border:none; padding-top:0; }

.blog-date { width: 50px; }
.blog-date .date-day { font-size: 40px; line-height: 30px;}
.blog-date .date-month {font-size: 10px; letter-spacing: 0.03em; }
.blog-content { width: 240px; float: right; }
#blog-grid .masonry-item { width: 300px; }

.column { margin: 60px 0 0 0; }

/* div .column:first-child { margin: 0; } */
.one-half  { width: 100%; margin-top: 100px; }
.one-third { width: 100%; margin-top: 100px; min-width: 12em; }
.two-third { width: 100%; margin-top: 100px; }
.one-fourth { width: 100%; margin-top: 100px; }
.two-fourth { width: 100%; margin-top: 100px; }
.three-fourth { width: 100%; margin-top: 100px; }


.europe {
    width: 100%;
    position: relative;
    left: initial;
    top: initial;
}  /* ian dunn change */


.asia {
    width: 100%;
    position: relative;
    left: initial;
    top: initial;
}  /* ian dunn change */

.oceania {
    width: 100%;
    position: relative;
    left: initial;
    top: initial;
 }  /* ian dunn change */


#experiencescolumn {
    margin-top: 0px;
}

 #european_arrow {
 display: none;
 }

 #asia_arrow {
 display: none;
 }

 #oceania_arrow {
 display: none;
 }

 input[type="text"], input[type="password"], input[type="email"], textarea {
 font-size: 12px;
 }



.one-half .iconbox-content { width: 250px; }
.one-third .iconbox-content { width: 250px; }
.one-fourth .iconbox-content { width: 250px; }

.pricing-table { padding: 30px !important; }
.pricing-accent { padding: 50px 30px !important; }
.price-amount { font-size: 80px !important; line-height: 80px !important; }

/* Spacings */
.section-title { margin-top: -7px; margin-bottom: 60px; }
/* .section-inner { padding-top: 60px; } */
.horizontalsection .horizontalinner { padding: 60px 0; }
#portfolio-single {  padding-top: 60px; }
.ajax-section #portfolio-single {  padding-bottom: 60px; }
#portfolio-single .portfolio-media { margin-top: 40px; }
#portfolio-single .portfolio-content { margin-top:0; padding-top: 40px; }
.ajax-section { padding-bottom: 60px; }
#ajax-loader .loader-icon { top: 20px!important; }
.close-project { bottom: 70px; }
#blog-grid { margin-bottom: 20px; }
.spacer.spacer-mini { height: 15px; }
.spacer.spacer-small { height: 30px; }
.spacer.spacer-medium { height: 45px; }
.spacer.spacer-big { height: 60px; }

.mainblock {
color: #FFFFFF;
/* left: 22%; */
margin-top: 200px;
/* display: inline-block;  */
/* width: 80%; */
width: 90%;
}


.centerblock {
color: #FFFFFF;
/* left: 22%; */
margin-top: 490px;
/* display: inline-block;  */
/* width: 80%; */
width: 100%;
line-height: 50px;
}

.serviceblock {
color: #324151;
/* left: 22%; */
margin-top: 50px;
display: inline-block;
width: 85%;
}

#servicesmenu {
padding-top: 10px;
margin-top: 40px;
}

#risks_s {
padding-top: 10px;
margin-top: 10px;
}

#services_s {
padding-top: 10px;
margin-top: 10px;
}

#benefits_s {
padding-top: 10px;
margin-top: 10px;
}

.maintitle {
font-size: 38px;
}

#welcome-title {
font-size: 38px;
}

/*
#welcome-title {
font-size: 38px;
}
*/

.wrapper2 {
	margin-top: 0px;
    margin-left: 75px;
	margin-right: 75px;
}


.extrabreak {
display: none;
}


#logo {
top: 0px;
right: 10px;
}

#logo img {
    width: 30px;
    height: 30px;
	}

.menutoggler {
top:15px;
left: 5px;
}

.fa-bars::before {
content:url("../../menu-button4.svg");
}


.badge {
position:absolute;
top: 40px;
left: 60px;
width: 150px;
-ms-transform: rotate(-15deg); /* IE 9 */
-webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */
transform: rotate(-15deg);
}

#linkedin1 {
display: none;
}

#linkedin2 {
display: unset;
}

/* set circular arrows on sectors */

.circle-container {
    position: relative;
    width: 12em;
    height: 12em;
    /* padding: 2.8em; */
    /*2.8em = 2em*1.4 (2em = half the width of a link with img, 1.4 = sqrt(2))*/
    border: none;
    border-radius: 50%;
    left:0px;
   /* margin: 1.75em auto 0; */
}
.circle-container div {
    display: block;
    position: absolute;
    top: 50%; left: 50%;
    width: 4em; height: 4em;
    margin: -2em;
}

.parallax-text {
    position: relative;
}

.sectext {
    font-size: 180%;
    line-height: 120%;
}

#dec1-title {
font-size: 40px;
width: 100%;
}

#dec2-title {
font-size: 40px;
width: 100%;
display: none;
}

#forced {
display: none;
}

.marker {
    width: 2px;
    background-color: #ec622b;
    float: left;
    position: absolute;
    left: -20px;
    top: -20px;
    height: 0%;
    max-height: 120%;
    min-height: 0%
}

}