@media only screen and (max-width: 1216px) {
	.row {
		margin-left: 0;
		margin-right: 0;
	}

		/* MAIN --------------------------------------------------------------------------------------------------- */


	.box-2-holder p {
    	padding: 96px 25px 98px 26px;
    }

    	/* MAIN ---------------------------------------------------------------------------------------------------- */
}

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

		/* MAIN ----------------------------------------------------------------------------------------------------- */

	.box-1-holder ul {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.box-1-holder img {
		padding-left: 0;
	}

	.box-2-holder p {
	    padding: 148px 39px 152px 34px;
	    font-size: 24px;
	}

	.box-3-holder p {
		text-align: left;
		padding-right: 0;
		padding-top: 70px;
	}

	.box-3-holder .spacing-left {
		padding-left: 0;
		padding-right: 0;
	}

	.box-3-holder ul {
		text-align: left;	
		padding-top: 27px;
		padding-bottom: 75px;
	}

	.iconCisco {
		padding-top: 152px;
		padding-bottom: 105px;
	    object-fit: contain;
	}

	.box-4-holder p {
		padding-left: 0;
	}

	.box-4-holder img {
		padding-top: 156px;
		padding-left: 0;
	}

	.box-4-holder ul {
		padding-bottom: 30px;
	}

		/* MAIN ---------------------------------------------------------------------------------------------------- */

		/* FOOTER ------------------------------------------------------------------------------------------------- */

	.contact-holder p {
		padding: 23px 0;
	}
		
		/* FOOTER -------------------------------------------------------------------------------------------------- */
}

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

		/* MAIN ----------------------------------------------------------------------------------------------------- */

	.box-2-holder p {
    	padding: 150px 14px 175px 14px;
    }

    .box-1-holder ul.right {
		padding-left: 35px;
    }

    	/* MAIN ------------------------------------------------------------------------------------------------------- */
}

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

		/* MAIN --------------------------------------------------------------------------------------------------------- */

	.box-2-holder p {
		padding: 151px 39px 175px 14px;
	}

		/* MAIN ----------------------------------------------------------------------------------------------------------- */
}

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

		/* MAIN ------------------------------------------------------------------------------------------------------------ */

	.text-holder {
    	margin-top: 155px;
    }

	.section-holder {
		padding-bottom: 0;
	}

	.section-holder .left-section {
		padding-bottom: 20px;
	}

	.box-1-holder p {
		padding-left: 30px;
		padding-right: 0;
	}

	.box-1-holder ul {
		padding-left: 50px;
		padding-bottom: 30px;
	}

	.box-1-holder img {
		padding-left: 0;
	}

	.box-2-holder p {
	    padding: 92px 39px 98px 44px;
	    font-size: 24px;
	    text-align: center;
	}

	.two-in-row .spacing-right {
		padding-right: 0;
	}

	.two-in-row .spacing-left {
		padding-left: 0;
	}

	.box-3-holder  {
		margin-top: 30px;
	}

	.box-3-holder p {
		text-align: right;
		padding-right: 20px;
	}

	.box-3-holder ul {
		text-align: left;
		padding-left: 190px;	
		padding-top: 27px;
		padding-bottom: 0px;
    	margin-bottom: -7px;
	}

	.box-3-holder ul.right {
		padding-top: 0;
		padding-bottom: 30px;
	}

	.box-3-holder img {
		padding-top: 162px;
		padding-bottom: 105px;
	    object-fit: contain;
	}

	.box-4-holder p {
		padding-left: 30px;
	}

	.box-4-holder ul {
		padding-left: 50px;
		padding-bottom: 30px;
	}

	.box-4-holder img {
		padding-top: 156px;
		padding-left: 0;
	}

	.box-4-holder ul.right {
		padding-left: 0;
	}

	.about-holder h2 {
 		margin-top: 0;
 	}

	.world-map-holder {
		margin-top: 90px;
		height: 287px;
	}

	.grey-line-holder {
    	top: 73.5px;
	}

	.map-image {
	    max-height: 286px;
	}

	.parallax-holder .parallax-text-holder h2 {
		padding-top: 38px;
	}

	.parallax-holder .parallax-text-holder p {
	    padding-top: 24px;
	    line-height: 1.3;
	}

	.parallax-holder .text-box-holder {
	    padding-top: 25px;
	}

	.parallax-holder .text-box-1-holder {
		margin-bottom: 15px;
	}

	.parallax-holder .text-box-2-holder {
		margin-bottom: 15px;
	}

	.parallax-holder .text-box-holder p {
		height: 80px;
		line-height: 1.3;
		text-align: center;
		padding-top: 17px;
		padding-left: 16px;
		padding-right: 12px;
	}
	.box-2-holder.mobile {
	    display: block;
	    margin-top: 30px;
	}
	.contact-holder p {
		display: block;
		padding: 10px 0;
	}
	.contact-holder i {
		display: none;
	}
	.contact-holder h2 {
		margin-bottom: 40px;
	}

		/* MAIN ------------------------------------------------------------------------------------------------------------ */

		/* FOOTER ------------------------------------------------------------------------------------------------------------ */

	.contact-holder h2 {
		text-align: center;
	}

	.contact-holder p {
		text-align: center;
	}

	footer .logo-holder {
		margin-top: 50px;
	}

	footer .image-holder {
		left: 0;
   		right: 0;
	}

	.copyright {
		text-align: center;
	}

		/* FOOTER ------------------------------------------------------------------------------------------------------------ */
}

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

		/* HEADER ------------------------------------------------------------------------------------------------------------ */

	header nav {
		display: none;
	}
	.mobile-nav.active {
	    position: fixed;
	    height: 1px;
	    visibility: hidden;
	    left: 0;
	    right: 0;
	    top: 0;
	    bottom: 0;
	    opacity: 0;
	    background: rgba(54,58,73,0.8);
	    transition: all .3s ease-in-out;
	}
	.mobile-nav.active {
		height: 100%;
	    visibility: visible;
	    opacity: 1;
	    z-index: 999;
	    text-align: center;
	}
	.mobile-nav.active nav {
	    display: block;
	    margin-top: 60px;
	}
	.mobile-nav.active nav li {
	    display: block;
	    padding: 10px 0;
	    color: #fff;
	    font-weight: 700;
	    font-size: 24px;
	}
	.mobile-nav.active nav ul li {
		padding-left: 0;
	}
	.mobile-nav.active nav ul li a {
		color: #fff;
	}

	#nav-button {
		display: block;
    	text-align: right;
	}

	#nav-button:hover {
		color:white;
   	}
   	#nav-button {
	    display: block;
	}
	#close-button {
	    display: none;
	}
	.navigation.active #nav-button {
	    display: none;
	}
	.navigation.active #close-button {
	    display: block;
	}

		/* HEADER ------------------------------------------------------------------------------------------------------------ */

		/* MAIN ------------------------------------------------------------------------------------------------------------ */

	.icon-holder div{
	    margin-top: 125px;
	    display: none;
	}

	.icon-holder p {
		margin-top: 15px;
		margin-bottom: 40px;
	}

	.icon-holder div.active{
		display: block;
	}


	.slider-holder {
		display: block;
    	text-align: right;
	}

	.slider-holder .left:hover {
		color:white;
   	}

   	.slider-holder .right:hover {
		color:white;
   	}

	.text-holder {
    	margin-top: 75px;
    }

    .box-1-holder .padding-right {
		padding-right: 15px;
	}

    .iconJava {
    	padding-top: 42px;
    	padding-bottom: 0;
    }

    .box-1-holder p {
    	padding-left: 0;
    	padding-top: 40px;
    	text-align: center;
    }

    .java-list {
    	text-align: center;
    }

    .box-1-holder ul {
     	padding-left: 0;
     	padding-bottom: 0;
    }

	ul {
		line-height: 1.1;
	}

	.box-1-holder ul.right {
		padding: 25px 0;
		padding-top: 0;
		margin-top: -7px;
	}
	
	.box-2-holder p {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.box-3-holder .padding-right {
		padding-right: 0;
		padding-left: 0;
	}

	.box-3-holder img {
		padding-top: 50px;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 15px;
	}

	.box-3-holder .spacing-left {
		padding-left: 15px;
		padding-right: 15px;
	}

	.box-3-holder p {
	    text-align: center;
	    padding-right: 0;
	}

	.box-3-holder ul {
		text-align: center;
		padding-left: 0;
	}

	.box-4-holder img {
		padding-top: 50px;
		padding-bottom: 0;
	}

	.box-4-holder p {
		text-align: center;
	}

	.box-4-holder .p-1 {
		padding-left: 0;
		padding-top: 42px;
	}

	.box-4-holder .p-2 {
		padding-left: 0;
	}

	.box-4-holder ul {
		text-align: center;
		padding-left: 0;
		padding-bottom: 0;
		margin-bottom: -7px;
	}

	.box-4-holder .padding-right {
		padding-left: 0;
	}
	
	.box-4-holder ul.right {
		padding-top: 0;
		padding-bottom: 20px;
	}

	.about-holder h2 {
		text-align: center;
	}
	
	.about-holder p {
		text-align: center;
	}

	.section-holder .left-section {
		text-align: center;
	}

	.section-holder .right-section {
		text-align: center;
		padding-bottom: 0;
	}

		/* MAIN ------------------------------------------------------------------------------------------------------------ */
}

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

			/* HEADER ------------------------------------------------------------------------------------------------------------ */

	#logo-holder{
		margin-top: 90px;
	}

	img.LogoHeader {
	    width: 189px;
	    height: 222px;
	}

		/* HEADER ------------------------------------------------------------------------------------------------------------ */
	
		/* MAIN ------------------------------------------------------------------------------------------------------------ */

	.title-holder h1 {
		margin-top: 69px;
	    font-size: 32px;
	}

	.title-holder p {
	    font-size: 18px;
	    line-height: 1.2;
	}

	.world-map-holder {
		margin-top: 70px;
		height: 207px;
	}

	.grey-line-holder {
    	top: 48.5px;
	}

	.map-image {
	    max-height: 206px;
	}

		/* MAIN ------------------------------------------------------------------------------------------------------------ */
}

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

		/* MAIN ------------------------------------------------------------------------------------------------------------ */

	.parallax-holder .parallax-text-holder h2 {
		padding-top: 44px;
		font-size: 40px;
	}

	.parallax-holder .parallax-text-holder p {
	    padding-top: 44px;
	    line-height: 1.1;
	    font-size: 18px;
	}

	.parallax-holder .text-box-holder {
	    padding-top: 40px;
	}

	.parallax-holder .text-box-holder p {
		height: 64px;
		font-size: 16px;
		line-height: 1.1;
		padding: 14px 12px 0 12px;
	}

		/* MAIN ------------------------------------------------------------------------------------------------------------ */
}

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

		/* MAIN ------------------------------------------------------------------------------------------------------------ */

	.text-holder {
    font-size: 22px; 
   }

	.world-map-holder {
		margin-top: 70px;
		height: 127px;
	}

	.grey-line-holder {
    	top: 24.5px;
   	}

	.map-image {
	    max-height: 126px;
	}

	.section-holder .left-section {
		font-size: 16px;
	}

	.section-holder .right-section {
		font-size: 16px;
	}

		/* MAIN ------------------------------------------------------------------------------------------------------------ */
}

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

		/* MAIN ------------------------------------------------------------------------------------------------------------ */

	.parallax-holder .parallax-text-holder h2 {
		padding-top: 40px;
		font-size: 35px;
	}

	.parallax-holder .parallax-text-holder p {
	    padding-top: 20px;
	    font-size: 16px;
	}

	.parallax-holder .text-box-holder {
	    padding-top: 35px;
	}

	.parallax-holder .text-box-holder p {
		height: 64px;
		font-size: 14px;
	}

		/* MAIN ------------------------------------------------------------------------------------------------------------ */
}

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

		/* MAIN ------------------------------------------------------------------------------------------------------------ */
	
	.text-holder {
    font-size: 20px; 
	}
	.parallax-holder .parallax-text-holder h2 {
		padding-top: 37px;
	}

	.parallax-holder .text-box-holder {
	    padding-top: 30px;
	}

	.parallax-holder .text-box-holder p {
		height: 70px;
	}
	#logo-holder {
		margin-top: 70px;
	}
	.icon-holder div{
	    margin-top: 70px;
	    display: none;
	}
	.text-holder {
    	margin-top: 40px;
    }

		/* MAIN ------------------------------------------------------------------------------------------------------------ */
}

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

		/* HEADER ------------------------------------------------------------------------------------------------------------ */


	img.LogoHeader {
	    width: 149px;
	    height: 182px;
	}

		/* HEADER ------------------------------------------------------------------------------------------------------------ */

		/* MAIN ------------------------------------------------------------------------------------------------------------ */

	.title-holder h1 {
		margin-top: 55px;
	    font-size: 28px;
	}

	.title-holder p {
	    font-size: 14px;
	}

	.icon-holder div {
	    left: 0;
	    right: 0;
	}

	.icon-holder img {
		width: 100px; 
    	height: 52px; 
	}

	.icon-holder p {
		margin-top: 15px;
		margin-bottom: 30px;
		font-size: 14px;
    	line-height: 1.2;
	}

	.text-holder {
    	font-size: 14px;
   		line-height: 1.2;
    }

    .box-1-holder p {
	  font-size: 14px;
	  line-height: 1.3;
	}

    .box-1-holder ul {
    	font-size: 14px;
	  line-height: 1;
    }

    .box-2-holder p {
    	font-size: 18px;
    }

     .box-3-holder p {
     	font-size: 14px;
	    line-height: 1.3;
     }

    .box-3-holder ul {
    	font-size: 14px;
	    line-height: 1;
    }

    .box-4-holder p {
     	font-size: 14px;
	    line-height: 1.3;
     }

    .box-4-holder .p-2 {
    	padding-top: 25px;
    }

    .box-4-holder ul {
    	font-size: 14px;
	    line-height: 1;
	    padding-top: 25px;
	}


	.about-holder h2 {
 		font-size: 38px;
	}

	.about-holder p {
	    margin-top: 44px;
	    font-size: 14px;
	}

	.world-map-holder {
		margin-top: 70px;
		height: 97px;
	}

	.grey-line-holder {
    	top: 16.5px;
   	}

	.map-image {
	    max-height: 96px;
	}

	.section-holder {
		margin-top: 60px;
	}

	.section-holder .left-section {
		font-size: 14px;
	}

	.section-holder .right-section {
        font-size: 14px;
        padding-bottom: 0px;
    }

    .parallax-holder {
    	margin-top: 0px;
    }

	.parallax-holder .parallax-text-holder h2 {
		padding-top: 30px;
		font-size: 30px;
	}

	.parallax-holder .parallax-text-holder p {
	    padding-top: 30px;
	    font-size: 14px;
	}

	.parallax-holder .text-box-holder {
	    padding-top: 30px;
	}

	.parallax-holder .text-box-holder p {
		height: 80px;
		font-size: 12px;
	}

		/* MAIN ------------------------------------------------------------------------------------------------------------ */

		/* FOOTER ------------------------------------------------------------------------------------------------------------ */
	
	.contact-holder {
		margin-top: 56px;
	}

	.contact-holder h2 {
	    font-size: 30px;
	    margin-bottom: 20px;
	}

	.contact-holder p {
	    font-size: 12px;
	    line-height: 1.3;
	    padding-top: 20px;
	    padding-bottom: 0;
	}

	.contact-holder i {
		font-size: 4.5px;
		padding: 0 10px;
	}

	.copyright {
	    font-size: 10px;
	}

		/* FOOTER ------------------------------------------------------------------------------------------------------------ */
}

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

		/* MAIN ------------------------------------------------------------------------------------------------------------ */

	.parallax-holder .parallax-text-holder h2 {
		padding-top: 25px;
		font-size: 30px;
	}

	.parallax-holder .parallax-text-holder p {
	    padding-top: 25px;
	    font-size: 14px;
	}

	.parallax-holder .text-box-holder {
	    padding-top: 25px;
	}

		/* MAIN ------------------------------------------------------------------------------------------------------------ */
}