/*
=====================================================================
*   Fichier CSS studio krack - Responsive design
*   url: studiokrack.fr
*   @2021
=====================================================================

MENU

a. Max-width > 1000px (ipad pro)
b. Max-width > 768px (tablette)
c. Max-width > 480px (mobile)

=====================================================================  */

/* ------------------------------------------------------------------ */
/* a. Max-width > 1024px (iPad Pro)
/* ------------------------------------------------------------------ */

@media only screen and (min-device-width: 1000px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
	.q_logo img, header .header_inner_left {left: 0; right: 0; margin: 0 auto;}
	.logo_wrapper {float: none;}
	nav.main_menu.right:not(.sticky nav.main_menu.right) {transform: translateX(-50%); left: 50%; top: 100px; float: none;}
	nav.main_menu.left>ul, nav.main_menu.right>ul {transform: translateX(-50%); left: 50%; display: flex;}
	.sticky .q_logo a {display: none;}
}

/* ------------------------------------------------------------------ */
/* a. Max-width > 1000px (iPad)
/* ------------------------------------------------------------------ */

@media only screen and (max-width: 1000px) {
	.sk_tablet_width {width: 100%;}
	.fullheight {height: 100%; padding: 180px 0 220px;}
	.fullheight .section_inner {top: unset; transform: unset;}
	.sk_ty4 {transform: translateY(0px);}
	.sk_t4 {transform: translate(0px, 0px); display: none!important;}
	.pb14 {padding-bottom: 120px;}
	.sk_box_border {padding: 10px 0;}
	.sk_animation_delai_1,.sk_animation_delai_2,.sk_animation_delai_3,.sk_animation_delai_4,.sk_animation_delai_5,.sk_animation_delai_6 {animation-delay: 0s;}
	/*.sk_engagements.sk_holder_50 .q_elements_item:last-child {left: 50%; transform: translateX(-50%); position: relative;}*/
	.sk_holder_50 .q_elements_item:not(.sk_secteurs.sk_holder_50 .q_elements_item:last-child, .sk_metiers.sk_holder_50 .q_elements_item:last-child) {width: 50%!important;}
	.sk_secteurs.sk_holder_50 .q_elements_item:last-child {width: 100%!important;}
	/*.sk_secteurs.sk_holder_50 .q_elements_item .q_elements_item_inner {min-height: 254px;}*/
	.sk_references img {max-width: 100%;}
	.sk_perso.sk_holder_50 .q_elements_item:last-child {left: 50%; transform: translateX(-50%); position: relative;}
	/*HEADER*/
	.q_logo a {height: unset!important; margin-top: 15px;}
	header .mobile_menu_button span {width: 60px;font-size: 34px;color: #fff;background: #4F5C6F; text-align: center;}
	.header_inner, .header_bottom {padding: 0!important;}
	nav.mobile_menu ul:not(ul.sub_menu) {padding: 10px 18px; text-align: center;}
	nav.mobile_menu {background-color: #4F5C6F!important;}
	nav.mobile_menu ul li h3 {margin: 0;}
	nav.mobile_menu ul li {border-bottom: 1px solid rgba(255,255,255,0.2);}
	.mobile_menu_button span:hover {opacity: 1;}
	nav.mobile_menu ul li.open_sub>ul {border-top: 1px solid rgba(255,255,255,0.2);background: rgba(207,221,243,0.2)}
	nav.mobile_menu ul li ul li {border-bottom: 1px solid rgba(255,255,255,0.1);}
	.sk_img_profil, .sk_img_profil_align {text-align: center!important;}
	.sk_img_profil img {
    position: relative;
    left: unset;
    display: block;
    float: none;
    margin: 0 auto 20px!important;
    width: 120px;
    height: 120px;
}
	.sk_engagements {width: 100%;}
	.wpcf7-form {width: auto;}
	.footer_top, .footer_top.footer_top_full {padding: 100px 40px 40px!important;}
}

/* ------------------------------------------------------------------ */
/* b. Max-width > 768px (tablette)
/* ------------------------------------------------------------------ */

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

}

/* ------------------------------------------------------------------ */
/* c. Max-width > 600px
/* ------------------------------------------------------------------ */

@media only screen and (max-width: 600px) {
	.fullheight {padding: 50px 0 120px;}
	.qbutton.sk_noborder.mt4 {margin-top: 10px;}
	.p6 {padding: 40px;}
	.pt12, .pt10 {padding-top: 80px;}
	/*.sk_engagements img {max-width: 200px;}*/
	.wpcf7-form {padding: 40px 30px;}
	.footer_bottom_holder .three_columns {padding: 10px 0; width: auto;}
	.sk_contact .vc_column-inner {padding: 0!important;}
	.sk_contact .vc_column-inner, .fullheight .vc_column-inner {padding-right: 0; padding-left: 0;}
	/*.sk_secteurs.sk_holder_50 .q_elements_item .q_elements_item_inner {min-height: 250px;}*/
	.sk_references .qode_client_holder, .sk_logos .qode_client_holder {width: 50%!important;}
	.wpcf7-list-item:not(.wpcf7-acceptance .wpcf7-list-item) {margin-left: 0!important; display: block;}
	.q_image_with_text_over.one_fourth {width: 49.9%;}
	.sk_team .qode_clients.three_columns .qode_client_holder {width: 50%;}
}

/* ------------------------------------------------------------------ */
/* c. Max-width > 480px (mobile)
/* ------------------------------------------------------------------ */

@media only screen and (max-width: 480px) {
	.sk_holder_50 .q_elements_item {width: 100%!important;}
	.sk_metiers.sk_holder_50 .q_elements_item:not(.sk_metiers.sk_holder_50 .q_elements_item:last-child) {width: 100%!important;}
}