@media screen and (min-width: 1440px) {

.imagesbox .box_ppt_thumb {
  padding: 0 50px;
}



}




@media screen and (min-width: 1201px) and (max-width: 1365px) {

	.container {
		padding: 0 120px;
	}




}


/*for-leptop*/

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

	.container {
		padding: 0 60px;
	}

	.collum-2 img {
		width: 100%;
	}

	.col-1 {
		padding: 0 30px 0 0;
	}

	.col-2 {
		padding: 100px 0 0 30px;
	}

	.imagesbox .box_ppt_thumb {
	  padding: 0 5px;
	}

	.sl-overly { 
	  padding: 15px;
	  font-size: 15px;
	}

	.sl-overly br { 
	  display: none;
	}

}


/*for-ipad*/

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

	.container {
		padding: 0 30px;
	}

	.collum-1 h2 {
		font-size: 48px;
		margin: 0 0 10px 0;
	}

	.collum-1 p {
		font-size: 18px;
		line-height: 30px;
		margin: 0 0 30px 0;
	}

	.collum-2 img {
		width: 100%;
	}

	/****formation.html****/

	.collum-second {
		padding: 0 0 0 6%;
	}

	.collum-second h2 {
  		font-size: 30px;
  		line-height: 40px;
  		margin: 25px 0 15px 0;
  		padding: 0;
	}

	.veligy-logo {
  		padding: 100px 0 100px 0;
	}

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

	.camille-title h2 {
  		font-size: 50px;
  		line-height: 50px;
  		margin: 0px 0 35px 0;
  		padding: 0;
	}

	.camille-title h5 {
  		font-size: 20px;
  		margin: 0px 0 20px 0;
	}

	/*experiences.html*/

	.experience-area h2 {
		font-size: 35px;
	}

	.experience-area img {
		width: 100%;
	}

	.sportive-area {
	  	padding: 100px 0;
	}

	.col-1 {
		padding: 0 30px 0 0;
	}

	.col-2 {
		padding: 100px 0 0 30px;
	}

	.col-1 img,
	.col-2 img {
		width: 80%;
	}

	.col-1 p,
	.col-2 p {
		padding: 0 5% 0 0;
	}

	.collum-text {
		padding: 40px 0;
	}

	.imagesbox .box_ppt_thumb {
	  padding: 0 5px;
	}

	.sl-overly { 
	  display: none;
	}

}



/*for mobile*/

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

	/****accueil.html****/

	.header-area {
  		width: calc(100% - 20px - 20px);
  		margin-left: 20px;
  		padding: 20px 0;
	}

	.row {
		width: 100%;
		display: initial;
	}

	.row > .collum-1, .collum-2 {
		width: 100%;
	}

	.row > .collum-first,
	.collum-second {
		width: 100%;
	}

	#accueil {
		padding-left: 10px !important;
	}
	
	.topnav {
		overflow: hidden;
		margin:  0;
	}
	
	.header-title {
		margin: 0 0 10px 0;
	}

	.header-list ul li a {
		display: block !important;
	}


	.header-list ul li a:hover {
		background: #E0FCFF;
		color: #000;
		transition: 0.3s all ease;
	}

	.mathias-area {
  		padding: 30px 0;
	}

	.container {
		padding: 0 30px;
	}

	.collum-1 h2 {
  		font-size: 30px;
  		line-height: 60px;
  		margin: 0px 0 14px 0;
  		padding: 0 0px 0 0px;
	}

	.collum-1 p {
  		font-size: 14px;
  		line-height: 25px;
  		margin: 0px 0 25px 0;
	}

	.cnt a {
		padding: 4px 15px;
		font-size: 12px;
	}

	.collum-2 {
		margin: 30px 0 0 0;
	}

	.collum-2 img {
		width: 100%;
	}

	.social-icon p {
		margin: 20px 0 0 0;
	}

	/****formation.html****/

	.telecom-area {
  		padding: 40px 0;
	}

	.collum-first img {
		width: 100%;
	}

	.collum-second h2 {
  		font-size: 30px;
  		line-height: 40px;
  		margin: 25px 0 15px 0;
  		padding: 0;
	}

	.collum-second p {
  		font-size: 13px;
  		text-align: justify;
	}

	.velizy-area {
  		padding: 0 0 50px 0;
	}

	.veligy-logo {
  		padding: 50px 0 50px 0;
	}

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

	.veligy-content h2 {
  		font-size: 25px;
  		line-height: 40px;
  		margin: 0px 0 20px 0;
	}

	.veligy-content p {
		font-size: 13px;
	}

	.appris {
  		margin: 0 0 30px 0 !important;
  		padding: 0!important;
	}

	.camille-area {
  		padding: 40px 0 40px 0;
	}

	.camille-title h2 {
  		font-size: 20px;
  		line-height: 30px;
  		padding: 0;
  		margin: 0 0 10px 0;
	}

	.camille-title h5 {
  		font-size: 14px;
  		margin: 0 0 5px 0;
	}

	.camille-title p {
  		font-size: 13px;
  		line-height: 22px;
  		padding: 0;
	}

	/*experiences.html*/

	.row > .col-1,
	.col-2 {
		width: 100%;
	}

	.experience-area img {
		width: 100%;
	}

	.experience-area h2 {
  		font-size: 15px;
  		line-height: 22px;
	}

	.sportive-area {
  		padding: 50px 0;
	}

	.col-1 img,
	.col-2 img {
		width: 100%;
	}

	.col-1 h4 {
		padding: 0 !important;
	}

	.col-1 h4, .col-2 h4 {
  		font-size: 18px;
	}

	.col-1 h5 {
  		font-size: 18px;
  		margin: 30px 0 20px 0;
	}

	.col-1 p, .col-2 p {
  		font-size: 13px;
  		padding: 0px;
  		text-align: justify;
	}

	.col-2 {
  		padding: 60px 0 0 0;
	}

	.col-2 h4 {
  		margin: 0 0 40px 0;
	}

	.col-2 h6 {
  		margin: 25px 0 20px 0;
	}
  
	/*realise.html*/

	.realise-area {
	  width: calc(100% - 20px - 20px);
	  margin-left: 20px;
	  padding: 20px 0;
	}

	.imagesbox .box_ppt_thumb {
	  padding: 0 5px;
	}

	
	/*contact.html*/

	.collum-im,
	.collum-text {
		width: 100%;
	}

	.container-fluid {
  		padding: 0 20px;
	}

	.collum-text {
		padding: 20px 0;
	}

	.s-img1 {
	  	padding: 40px 50px 0;
	}

	.owl-nav .owl-prev {
	  	left: 15px;
	}

	.owl-nav .owl-next {
	  	right: 15px;
	}

	.slider-txt img {
  		width: 100px !important;
  		height: 100px;
	}






}