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

    #header #header-container,
    #home-top-catcher,
    #container,
    section#single-bottom,
    #footer {margin:0 2%;width:96%}
    
    #container {padding:0}
    #container #main {padding:0 20px}
    
    #container #main #content {width:auto;margin-right:320px}
    #container #main #sidebar {position:absolute;right:20px}
    
    /** Home */
    #home-top-catcher .block-right{float:none;margin:70px auto}
    
    /** Single */
    section#single-bottom {padding:0}
    section#single-bottom #comments {margin:40px 2% 0;width:96%;padding:0}
    section#single-bottom #single-bottom-links {margin:40px 2% 0;width:96%;padding:0}
    
    #single-bottom-links .single-bottom-links-item {width:32%}
    #single-bottom-links .single-bottom-links-item:nth-child(3n+1) {margin:0 2% 10px 0}
    #single-bottom-links .single-bottom-links-item:nth-child(3n+2) {margin:0 2% 10px 0}

    /** Scroll to top button */
    .pro-scroll-top {background-color:#357AB7;color:#FFF;right:6px}

}

/* 10.2. Tablet (Portrait and Modern)
================================================= */
@media only screen and (max-width: 1024px) {
    
    .display-mobile-1024 {display:initial !important}
    
    #home-services .service {width:50%}
    #home-services .service.service-03 {display:none}
    
    #container #main #content {margin-right:0;padding-right:0;border:none}
    #container #main #content #sharebar-fixed {display:none}
    #container #main #sidebar {display:none;width:auto;margin:0}
    
    /** Header **/
    #header #header-container {height:auto}
    #header #header-container .logo {float:none;text-align:center;margin:0 15px}
    #header #header-container .links {float:none;margin:5px auto 10px;position:relative;display:flex}
    #header #header-container .links ul.list {margin:0 auto;}
	
	/** MC4WP advanced catchers */
	.mc4wp_advanced_catcher {width:74%;margin:20px 10%}
    
    /** Home **/
    #home-follow-me .row .col.one-half {display:none}
    #home-follow-me .row .col.one-half.last {display:block;width:92%}
	
    
    /** Single */
    #single-bottom-big-catcher {padding:28px 0 0 0;height:512px}
    #single-bottom-big-catcher .block-right{margin:0 auto;float:none}
    
    #single-bottom-links .single-bottom-links-item {width:48%}
    #single-bottom-links .single-bottom-links-item:nth-child(2n+1) {margin:0 0.5% 25px 1.5%}
    #single-bottom-links .single-bottom-links-item:nth-child(2n) {margin:0 1.5% 25px 0.5%}
    #single-bottom-links .single-bottom-links-item img {margin:0 auto -73px}
    
    
    #single-bottom-download-catcher {padding:0 10px;background-image:url("https://cdn.kalagan.fr/wp-content/uploads/2017/03/bg-fiche-pratique.jpg")}
    #single-bottom-download-catcher h3 {padding:15px 0 10px;margin:0 0 20px;border-bottom:2px solid #357AB7}
    #single-bottom-download-catcher .mc4wp-form-9665 {margin:0 !important;width:280px}
    #single-bottom-download-catcher .mc4wp-form-9665 input[type="email"] {width:230px !important;margin:0 !important;padding: 0 0 0 6px;font-size:18px;text-align:left;height:30px;float:left;color:#EEE;font-weight:bold}
    #single-bottom-download-catcher .mc4wp-form-9665 input[type="submit"] {float:left;height:32px;border:none;border-radius:0;padding:0;font-size:18px;font-weight:bold;width:40px}
    #single-bottom-download-catcher .mc4wp-form-9665 .mc4wp-response {font-style:italic;color:#EEE;padding:0;margin-top:40px;line-height:1.4;font-size:14px !important;height:16px}
    #single-bottom-download-catcher .mc4wp-form-9665 .mc4wp-response .mc4wp-alert.mc4wp-success {border:none;background:none;padding:0;margin:0}
    #single-bottom-download-catcher .mc4wp-form-9665 .mc4wp-response .mc4wp-alert.mc4wp-success p{line-height:1.4;font-size:16px !important;text-align:left;color:#46AF46;font-weight:bold}

    
    /** Simple Catchers */
    .mc_embed_signup.simple-catcher input#mce-EMAIL,
    .mc_embed_signup.simple-catcher input#mce-FNAME {width:70%;margin:0 13% 20px}
}

/* 10.3. Mobile Landscape Size to Tablet Portrait (devices and browsers)
========================================================================== */
@media only screen and (max-width: 753px) {
    
    .hide-mobile-753 {display:none}
    
    #header #header-container,
    #header-big-catcher,
    #container,
    section#single-bottom,
    #footer {margin:0;width:100%}
    
    /** Header */
    #header .links .item {margin-right:10px}
    #header .links .item i.fa {font-size: 38px}
    #header .links .item-title {font-size:14px}
    
    /** Single */
    .single-post-thumbnail img {box-shadow:inherit;border-radius:inherit;width:100%;margin:10px 0 0}
    
    .entry-header h1 {font-size:38px}
    .entry-content h2 {font-size:28px}
    .entry-content img{box-shadow:inherit;border-radius:inherit}
    .entry-content .wp-caption img {box-shadow:inherit;border-radius:inherit;max-width:100%}
    
    section#single-bottom #comments {margin:40px 2% 0}
    
    #single-bottom-links {margin:40px 2% 0}
    #single-bottom-links .single-bottom-links-item:nth-child(2n+1) {margin:0 1.5% 25px 0.5%}
    #single-bottom-links .single-bottom-links-item:nth-child(2n) {margin:0 0.5% 25px 1.5%}
    
    /** Six grid links (bestof, contextual links...) */
    .six-grid-links .item {width:49%}
    .six-grid-links .item:nth-child(3n+4) {margin: 0 0 20px 0}
	.six-grid-links .item:nth-child(2n+4) {margin: 0 0 20px 2%}
    .six-grid-links .item:nth-child(11) {display:none}
    
    /** Full content pages */
    .full-content h1 {padding:0 5px;font-size:40px}
    .full-content .entry-content.semi-full {padding:0 5px}
    .full-content .entry-content .boxed {margin:30px 0px 40px}
    .full-content .entry-content .col {width:100%;margin:0}
    .full-content .entry-content p{text-align:left}
    .full-content .entry-content p.mea {padding:20px 5px;margin:40px 5px}
    
    /** Simple Catchers */
    .mc_embed_signup.simple-catcher {margin:40px 5px}
    .mc_embed_signup.simple-catcher input#mce-EMAIL,
    .mc_embed_signup.simple-catcher input#mce-FNAME {width:80%;margin:0 8% 20px}
    
    
}

@media only screen and (max-width: 660px) {
    
    .display-mobile-660 {display:initial}
    .hide-mobile-660 {display:none}
    
    /** Home */
    #home-top-catcher .block-right {width:300px;padding:8px 3px;border-radius:10px;margin:48px auto}
    #home-top-catcher h1 {font-size:30px;margin:0 0 10px}
    #home-top-catcher p {font-size:18px;font-weight:normal;line-height:1.3}
    #home-top-catcher p.cta {font-size:18px;font-weight:bold;line-height:1.3}
    #home-top-catcher .mc4wp-form-9688 .mc4wp-response {line-height:1.2}
	
	/** MC4WP advanced catchers */
	.mc4wp_advanced_catcher {width:84%;margin:20px 5%}
	.mc4wp_advanced_catcher h3 {font-size:28px !important}
	
    /** Single */
    #single-bottom-big-catcher {padding:100px 0 0 0;height:440px}
    #single-bottom-big-catcher .block-right {width:90%;margin:0 5%;padding: 5px 0 15px}
    #single-bottom-big-catcher .block-right p {padding:0 10px}
    
    #single-bottom-links .single-bottom-links-item {margin:0 auto 30px !important;float:none;max-width:360px;width:inherit !important;width:100%}
    
	/** Six grid links (bestof, contextual links...) */
    .six-grid-links .item p {font-size:15px}
	
	/** Training in-video Mailchimp form */
	#training-in-video input {font-size:18px;padding:6px 2%;height:auto;margin:0 15% 15px !important}
    #training-in-video input[type="submit"] {margin-bottom:5px}
}

@media only screen and (max-width: 500px) {
    
    .hide-mobile-500 {display:none}
    
    /** Header */
    #header .links .item {margin-right:5px}
    #header .links .item i.fa {font-size: 38px}
    #header .links .item-title {font-size:12px}
	
	/** MC4WP advanced catchers */
	.mc4wp_advanced_catcher {width:94%;margin:20px 0;border-radius:0;box-shadow:none;border:none}
	.mc4wp_advanced_catcher h3 {font-size:26px !important}
	
	
	/** Six grid links (bestof, contextual links...) */
    .six-grid-links .item {float:none;width:100%;margin:0 0 20px 0 !important}
	.six-grid-links .item img {max-width:none;max-height:none}
	.six-grid-links .item p {font-size:18px;max-width:none}
    
}

/* 10.4. Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
====================================================================== */
@media only screen and (max-width: 479px) {
    
    .display-mobile-479 {display:initial}
    .hide-mobile-479 {display:none}
    
    /** Header **/
    #header .links ul li {width:70px;height:70px}
    
    /** Home */
    #last-articles #last-articles-list .item {padding:0 0 40px 0}
    #last-articles #last-articles-list .item .thumb img {box-shadow:none;height:auto}
    #last-articles #last-articles-list .item .cat-icon {display:none}
	
	/** Single Post mobile optimizations */
	body.single-post #main {padding:0 !important}
	body.single-post #main .entry-header {padding:0 10px}
	body.single-post #main .entry-content h2 {padding:20px 10px 6px}
	body.single-post #main .entry-content p {padding:0 10px}
	
	/** MC4WP advanced catchers */
	.mc4wp_advanced_catcher h3 {font-size:22px !important}
	.mc4wp_advanced_catcher p {font-weight:normal}
	.mc4wp_advanced_catcher input[type="text"],
	.mc4wp_advanced_catcher input[type="email"],
	.mc4wp_advanced_catcher input[type="tel"] {
	    width: 100% !important;
	    margin: 0 0 20px !important;
	}
	
    /** Entry */
    .entry-header h1,
    .page-header h1{font-size:32px}
    
    .entry-content h2 {font-size:22px}
    .entry-content img.alignright {float:none;display:block;margin:5px auto 30px;position:relative}
    .entry-content p.mea {font-size:22px}
    
    /** Single */    
    #single-bottom-big-catcher .block-right {width:92%;margin:0 4%;padding: 5px 0 15px}
    #single-bottom-big-catcher .block-right .presentation h2 {font-size:32px}
    #single-bottom-big-catcher .block-right p {padding:0 6px}
    #single-bottom-big-catcher .block-right .wt-btn a {font-size:20px}
    #single-bottom-big-catcher .block-right .wt-btn a i.fa {display:none}

    
    section#single-bottom #comments {width:98%; margin:40px 1% 0}
    section#single-bottom #single-bottom-links {width:98%; margin:40px 1% 0}
    
    /** Simple Catchers */
    /**.mc_embed_signup.simple-catcher {margin:40px 0}
    .mc_embed_signup.simple-catcher input#mce-EMAIL,
    .mc_embed_signup.simple-catcher input#mce-FNAME {width:96%;margin:0 0 20px}*/
    
	/** Training in-video Mailchimp form */
	#training-in-video input {font-size:14px;padding:4px 2%}
    #training-in-video input[type="text"] {margin:0 15% 5px !important}
	#training-in-video input[type="email"] {margin:0 15% 8px !important}
    #training-in-video input[type="submit"] {}
    #training-in-video a {font-size:14px;margin-top:-12px;display:inherit}
}

/* 10.5. Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
 * Exemples : Galaxy S3, S4 (360px), Iphone 6 (375px), Iphone 3 (320px)...
============================================================================= */
@media only screen and (max-width: 375px) {
    
    /** Common */
    .hide-mobile-374 {display:none}
    
    /** Header */
    #header .links ul li {width:65px;height:65px}
    #header .links .item-title {font-size:11px}
	
	/** MC4WP advanced catchers */
	.mc4wp_advanced_catcher h3 {font-size:19px !important}
	.mc4wp_advanced_catcher input[type="text"],
	.mc4wp_advanced_catcher input[type="email"],
	.mc4wp_advanced_catcher input[type="tel"] {
	    font-size:16px;
	}
}