/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 700px) {

  body{
  	margin : 0;
  	padding : 0;
  	margin : auto;
  	width : 100%;
  	overflow-x: hidden;
  	background-size : cover;
    background-image : url('img/bg.jpg');
    font-family : 'Open Sans';
  }

  #deco_footer{
    position : absolute;
    bottom : 0;
    width : 100%;
    height : 10px;
    left : 0;
    display : flex;
  }

  #deco_footer span{
    width : calc(100% / 3);
    height : 10px;
    display : block;
  }

  #deco_footer span.color_red{
    background : #EC1C24;
  }

  #deco_footer span.color_green{
    background : #8BC53F;
  }

  #deco_footer span.color_orange{
    background : #F05A28;
  }

  header{
    position : relative;
    width : 100%;
    padding-top : 15px;
    padding-bottom : 15px;
  }

  #content_header{
    width : 90%;
    margin : auto;
    display : block;
  }

  #logo{
    width : 50%;
    margin : auto;
  }

  #logo a img{
    width : 100%;
    height : auto;
  }

  #menu{
    width : 100%;
    text-align: center;
    padding-top : 30px;
  }

  .menu li{
    display : inline-block;
    margin-left : 30px;
    margin-bottom : 25px;
  }

  .menu li:nth-child(1){
    margin-left : 0;
  }

  .menu li a{
    color : white;
    padding-top : 7px;
    padding-left : 15px;
    padding-right : 15px;
    padding-bottom : 7px;
    border : solid 1px transparent;
    transition : all 0.5s;
  }

  .menu li a:hover{
    color : white;
    border : solid 1px white;
  }

  .menu .current-menu-item a{
    background : white;
    color : black;
  }

  .menu .current-menu-item a:hover{
    background : white;
    color : black;
  }

  #section_home{
    width : 90%;
    margin : auto;
    display : flex;
    margin-top : 10vh;
    padding-bottom : 50px;
  }

  #section_home_2{
    width : 90%;
    margin : auto;
    display : block;
    margin-top : 7vh;
    padding-bottom : 50px;
  }

  #image_home_2{
    width : 100%;
    margin : auto;
  }

  #image_home_2 a img{
    width : 100%;
    height : auto;
  }

  #slider_home{
    width : 40%;
  }

  #par1_home{
    width : 60%;
    padding-left : 50px;
    height : auto;
    position : relative;
  }

  #content_part_1_home{
    position : absolute;
    top : 50%;
    transform: translateY(-50%);
    height : auto;
  }

  .n2-ss-align{
    width : 90% !important;
    margin-left : 5% !important;
  }

  .nextend-arrow-next{
    background : white;
    padding : 7px;
    border-radius : 20px;
  }

  .nextend-arrow-previous{
    background : white;
    padding : 7px;
    border-radius : 20px;
  }

  .button_style_1{
    padding-top : 10px;
    padding-bottom : 10px;
    padding-left : 20px;
    padding-right : 20px;
    color : white;
    font-size : 20px;
    background : transparent;
    border : solid 2px white;
    transition : all 0.5s;
    cursor : pointer;
  }

  .button_style_1:hover{
    color : black;
    background : white;
    border : solid 2px white;
    transition : all 1s;
  }

  #logo_home{
    width : 50%;
  }

  #logo_home a img{
    width : 100%;
    height : auto;
  }

  #content1_home{
    margin-top : 30px;
    margin-bottom : 50px;
    color : white;
    line-height : 1.4;
  }

  #carte_artisans{
    width : 90%;
    margin : auto;
    height : 80vh;
    position : relative;
    overflow : hidden;
  }

  #map_canvas{
    width : 100%;
    height : 100%;
  }

  button[title="Passer en plein écran"] {
      display: none;
  }

  .map-marker-label{
    position: absolute;
    text-align: center;
  }

  .map-marker-label a{
    color: white;
    padding-left : 10px;
    padding-right : 10px;
    padding-top : 5px;
    padding-bottom : 5px;
    font-size: 13px;
    font-weight: bold;
    opacity : 0;
    margin-top : 10px;
    transition : all 0.5s;
    display : block;
    min-width : 150px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  }

  .map-marker-label a.color_rouge{
    background : #EC1C24;
  }

  .map-marker-label a.color_vert{
    background : #8BC53F;
  }

  .map-marker-label a.color_orange{
    background : #F05A28;
  }

  .color_rouge{
    background : #EC1C24 !important;
  }

  .color_vert{
    background : #8BC53F !important;
  }

  .color_orange{
    background : #F05A28 !important;
  }

  .border_rouge{
    border-bottom : solid 3px #EC1C24 !important;
  }

  .border_vert{
    border-bottom : solid 3px #8BC53F !important;
  }

  .border_orange{
    border-bottom : solid 3px #F05A28 !important;
  }

  .carte_artisan{
  position : absolute;
  background : white;
  width : 100%;
  top : 0;
  right : -200%;
  height : 100%;
  overflow: auto;
  transition : all 0.5s;
  -webkit-box-shadow: -5px 0px 18px 0px rgba(0,0,0,0.16);
  -moz-box-shadow: -5px 0px 18px 0px rgba(0,0,0,0.16);
  box-shadow: -5px 0px 18px 0px rgba(0,0,0,0.16);
  }

  .label_black{
    opacity : 1 !important;
    margin-top : 0 !important;
  }

  .close_carte{
    cursor : pointer;
    position : relative;
    top : 0;
    z-index : 99999999;
  }

  .close_carte span{
    padding : 10px;
    background : white;
    display : block;
    position : absolute;
    z-index : 99999999;
    right : 0;
    top : 0;
    width : 15px;
    height : 15px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  }

  .close_carte span svg{
    width : 15px;
    height : 15px;
  }

  .bx-wrapper {
      -moz-box-shadow: 0 0 0px #ccc !important;
      -webkit-box-shadow: 0 0 0px #ccc !important;
      box-shadow: 0 0 0px #ccc !important;
      border: 0px solid #fff !important;
      background: #fff !important;
      margin-bottom: 0 !important;
  }

  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
      position: absolute;
      bottom : 0 !important;
      padding-top : 10px !important;
      background : rgba(0,0,0,0.5);
      padding-bottom: 10px !important;
      width: 100%;
  }

  .bx-pager-link{
    background : #C6C6C6 !important;
  }

  .bx-pager-link.active{
    background : white !important;
  }

  .identification_artisan{
    width : 90%;
    margin : auto;
    margin-top : 50px;
  }

  .identification_artisan.full{
    display : flex;
  }

  .identification_artisan.full .logo_artisan{
    width : 30%;
  }

  .identification_artisan.full .nom_metier_artisan{
    width : 70%;
    position : relative;
  }

  .identification_artisan.full .nom_metier_artisan .par_text{
    text-align: left;
    padding-left : 20px;
    position : absolute;
    height : auto;
    top : 50%;
    transform : translateY(-50%);
  }

  .logo_artisan a img{
    width : 100%;
    height : auto;
  }

  .identification_artisan.only_nom_metier .nom_metier_artisan{
    text-align: center;
  }

  .nom_metier_artisan h2{
    font-family : 'Open Sans';
    font-size : 25px;
    color : black;
    margin-bottom : 10px;
  }

  .nom_metier_artisan span{
    font-family : 'Open Sans';
    font-size : 17px;
    color : #989898;
  }

  .description_artisan{
    font-family : 'Open Sans';
    font-size : 18px;
    color : #4B4B4B;
    width : 90%;
    margin : auto;
    margin-top : 20px;
  }

  .informations_artisan{
    width : 90%;
    margin : auto;
    text-align: center;
    margin-top : 50px;
    margin-bottom : 40px;
    position : relative;
  }

  .logos_artisan{
    position : relative;
    cursor : pointer;
  }

  .logos_artisan img{
    width : 50px;
    height : 50px;
  }

  .informations_artisan a{
    font-family : 'open Sans';
    font-size: 17px;
    color : black;
    cursor : pointer;
  }

  .content_blog{
    margin : auto;
    width : 90%;
    background : white;
    max-height : none;
    display : block;
  }

  .content{
    margin : auto;
    width : 90%;
    background : white;
  }

  .part_1{
    width : 100%;
    margin-right : 0;
    height : auto;
  }

  .part_derniers_articles{
    width : 90%;
    margin : auto;
    margin-top : 30px;
  }

  .part_title{
    padding-bottom : 10px;
    background-color : #DCDCDC;
    text-align: center;
  }

  .part_title h2{
    font-family : 'Open Sans';
    font-size : 22px;
    color : #717171;
  }

  .part_title .deco{
    width : 100%;
    display : flex;
    margin-bottom : 10px;
  }

  .part_title .deco span{
    height : 7px;
    display : block;
  }

  .part_title .deco span.color_red{
    background : #EC1C24;
    width : 45%;
  }

  .part_title .deco span.color_green{
    background : #8BC53F;
    width : 35%;
  }

  .part_title .deco span.color_orange{
    background : #F05A28;
    width : 20%;
  }

  .posts{
    width : 100%;
    height : auto;
    margin-top : 20px;
    margin-bottom : 20px;
    font-family : 'Open Sans';
  }

  .posts.post_thumb{
    display : block;
    height : 100%;
  }

  .posts.post_thumb .thumbnail_post{
    width : 80%;
    margin : auto;
    background-size : cover;
    height : calc(60vw * 9 / 16);
    background-position : center;
  }

  .posts.post_thumb .post_content{
    width : 90%;
    height : auto;
    position : relative;
    padding-left : 25px;
    text-align: center;
  }

  .posts.post_thumb .post_content .post_content_pos{
    position : relative;
    top : 0%;
    transform : translateY(0%);
  }

  .post_content_pos h3{
    font-size : 20px;
    margin-bottom : 10px;
    text-transform: uppercase;
  }

  .post_content_pos h3 a{
    text-decoration: none;
    color : black !important;
  }

  .infos_posts{
    margin-bottom : 10px;
    font-size : 15px;
  }

  .infos_posts a{
    color : #8D8D8D;
  }

  .infos_posts i.clock{
    color : #8BC53F !important;
    margin-right: 5px;
  }

  .infos_posts i.categories{
    color : #F05A28 !important;
    margin-right: 5px;
    margin-left: 10px;
  }

  .infos_posts i.commentaires{
    color : #EC1C24 !important;
    margin-right: 5px;
    margin-left: 10px;
  }

  .posts.post_no_thumb .post_content{
    text-align: center;
  }

  .par_post_content{
    color : #4B4B4B;
    margin-bottom : 20px;
  }

  .button_more{
    background : transparent;
    border : solid 1px black;
    padding-left : 15px;
    padding-right : 15px;
    padding-top : 5px;
    padding-bottom : 5px;
    transition : all 0.2s;
    color : black;
    text-decoration: none;
  }

  .button_more:hover{
    background : black;
    transition : all 0.5s;
    color : white;
  }

  .buttons_next_prev{
    margin : auto;
    width : auto;
    display : flex;
    width : 420px;
    text-align: center;
  }

  .buttons_next_prev a{
    background : transparent;
    border : solid 1px black;
    padding-left : 15px;
    padding-right : 15px;
    padding-top : 10px;
    padding-bottom : 10px;
    transition : all 0.2s;
    color : black;
    text-decoration: none;
    cursor : pointer;
    min-width : 150px;
    text-align: center;
    margin-left : 15px;
    margin-right: 15px;
  }

  .buttons_next_prev a:hover{
    background : black;
    transition : all 0.5s;
    color : white;
  }

  .part_2{
    width : 100%;
    height : auto;
    background : white;
    -webkit-box-shadow: -5px 0px 18px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: -5px 0px 18px 0px rgba(0,0,0,0.16);
    box-shadow: -5px 0px 18px 0px rgba(0,0,0,0.16);
    overflow : auto;
  }

  .part_content_2{
    width : 90%;
    margin : auto;
  }

  .part_sidebar{
    margin-top : 30px;
    text-align: center;
  }

  .part_sidebar ul li a{
    color : black;
    text-decoration: none;
    pointer-events: none;
  }

  .part_sidebar ul li{
    color : black;
    padding-bottom : 10px;
    padding-top : 10px;
    border-bottom : solid 1px grey;
    text-decoration: none;
  }

  .recentcomments{
    padding-top : 10px;
    color : black !important;
    text-decoration: none;
    padding-bottom : 10px;
    border-bottom : solid 1px grey;
  }

  .comment-author-link{
    color : black !important;
    font-weight : 600;
    pointer-events: none;
  }

  .recentcomments a{
    color : black;
    font-weight : 600;
  }

  .content_contact{
    width : 90%;
    margin : auto;
    padding-top : 25px;
    padding-bottom : 200px;
    background : white;
    margin-bottom : 400px;
  }

  .box_infos_contact{
    text-align: center;
    width : 90%;
    margin : auto;
    position : relative;
  }

  .infos_contact{
    margin-top : 25px !important;
    position : relative;
    line-height: 2.4;
  }

  .infos_contact a{
    margin-left : 70px;
  }

  .infos_contact img{
    width : 50px;
    height : 50px;
    position : absolute;
    margin-top : 0px;
    margin-left : 20px;
  }

  .par_formulaire{
    margin-top : 25px;
  }

  .formulaire{
    position : absolute;
    width : 80%;
    left : 10%;
    margin-top : -550px;
    background : #F8F8F8;
    -webkit-box-shadow: 0px -3px 51px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px -3px 51px 0px rgba(0,0,0,0.16);
    box-shadow: 0px -3px 51px 0px rgba(0,0,0,0.16);
  }

  #contact{
    width : 70%;
    margin : auto;
  }

  #contact div input{
    width : 100%;
    margin-top : 20px;
    padding-top : 10px;
    padding-bottom : 10px;
    background : white;
    border : none;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  }

  #contact div textarea{
    width : 99.5%;
    margin-top : 20px;
    padding-top : 10px;
    height : 200px;
    padding-bottom : 10px;
    background : white;
    border : none;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  }

  #contact .nom_prenom{
    width : 100%;
    display : flex;
  }

  #contact .nom_prenom .nom{
    width : 50%;
    padding-right : 10px;
  }

  #contact .nom_prenom .prenom{
    width : 50%;
    padding-left : 10px;
  }

  #contact .telephone_email{
    width : 100%;
    display : flex;
  }

  #contact .telephone_email .telephone{
    width : 50%;
    padding-right : 10px;
  }

  #contact .telephone_email .email{
    width : 50%;
    padding-left : 10px;
  }

  #contact .sujet{
    width : 100%;
  }

  #contact .message{
    width : 100%;
  }

  #contact .envoyer{
    width : 100%;
    text-align: center;
    margin-top : 20px;
    margin-bottom : 20px;
  }

  #contact .envoyer button{
    cursor : pointer;
    padding-top : 10px;
    padding-bottom : 10px;
    font-size : 17px;
    padding-left : 40px;
    padding-right : 40px;
    border : solid 1px black;
    background : transparent;
    color : black;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    transition : all 0.5s;
  }

  #contact .envoyer button:hover{
    background : black;
    color : white;
  }

  footer{
    margin-top : 50px;
  }

  #section1{
    background : black;
    padding-top : 20px;
    padding-bottom : 20px;
  }

  .section_content{
    width : 90%;
    margin : auto;
    color : white;
    display : block;
  }

  .section1_part1{
    width : 100%;
    position : relative;
    border-right : solid 0px #2C2C2C;
    text-align: center;
  }

  .image_tgm{
    width : 70%;
    margin : auto;
  }

  .section1_part2{
    width : 100%;
    position : relative;
    border-right : solid 0px #2C2C2C;
    text-align: center;
    height : auto;
    margin-top : 25px;
  }

  .section1_part2 div{
    position : relative;
    top : 0;
    transform : translateY(0);
    width : 100%;
    text-align: center;
  }

  .section1_part2 div p a{
    font-size : 15px;
    color : white;
    text-decoration: none;
  }

  .section1_part3{
    width : 100%;
    position : relative;
    border-right : solid 0px #2C2C2C;
    text-align: center;
    height : auto;
    margin-top : 25px;
  }

  .section1_part3 div{
    position : relative;
    top : 0%;
    transform : translateY(0%);
    width : 100%;
    text-align: center;
  }

  .section1_part3 div span a{
    color : white;
    text-decoration: none;
  }

  #section2{
    background : #202020;
    padding-top : 10px;
    padding-bottom : 10px;
  }

  .site_realise_par{
    width : 50%;
    text-align: left;
    display : flex;
  }

  .site_realise_par .txt_site_realise_par{
    padding-top : 5px;
    margin-right : 10px;
  }

  .site_realise_par span{
    height : 20px;
    display : block;
  }

  .site_realise_par span img{
    width : auto;
    height : 100%;
  }

  .mentions_legales{
    width : 50%;
    text-align: right;
  }

  .mentions_legales a{
    padding-top : 10px;
    text-decoration: none;
    color : white;
  }


  .part_single .deco{
    width : 100%;
    display : flex;
  }

  .part_single .deco span{
    height : 7px;
    display : block;
  }

  .part_single .deco span.color_red{
    background : #EC1C24;
    width : 45%;
  }

  .part_single .deco span.color_green{
    background : #8BC53F;
    width : 35%;
  }

  .part_single .deco span.color_orange{
    background : #F05A28;
    width : 20%;
  }

  .part_title_single{
    width : 100%;
    height : 250px;
    background-position: center;
    background-size: cover;
    text-align: center;
  }

  .part_content_title_single{
    width : 100%;
    height : 100%;
    position : relative;
    background : rgba(0,0,0,0.75);
  }

  .part_content_title_single div{
    position : absolute;
    top : 50%;
    height : auto;
    transform : translateY(-50%);
    width : 100%;
    text-align: center;
  }

  .part_content_title_single div h1{
    color : white;
    font-size: 30px;
    font-family: 'Open Sans';
  }

  .infos_posts_single{
    margin-top : 15px;
    font-size : 15px;
  }

  .infos_posts_single a{
    color : white;
  }

  .infos_posts_single i.clock{
    color : #8BC53F !important;
    margin-right: 5px;
  }

  .infos_posts_single i.categories{
    color : #F05A28 !important;
    margin-right: 5px;
    margin-left: 10px;
  }

  .infos_posts_single i.commentaires{
    color : #EC1C24 !important;
    margin-right: 5px;
    margin-left: 10px;
  }

  .article_single{
    padding : 30px;
    text-align: justify;
  }

  .article_single p{
    line-height: 1.4;
  }

  .content_commentaires{
    width : 90%;
    margin : auto;
    background : white;
    margin-top : 100px;
  }

  h3#comments{
    text-align: center;
    font-size : 20px;
    font-family : 'Open Sans';
    margin-top : 20px;
  }

  ol.commentlist{
    width : 80%;
    margin : auto;
    background : #FAFAFA;
    padding : 15px;
    margin-top : 20px;
    margin-bottom : 20px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    text-align: center;
  }

  .comment-author.vcard{
    pointer-events: none;
    color : black !important;
    font-weight : 600;
    text-decoration: none;
  }

  cite.fn a{
    color : black;
  }

  .commentmetadata{
    margin-top : 10px;
    margin-bottom : 10px;
  }

  .commentmetadata a{
    color : #686868;
    text-decoration: none;
  }

  .comment-body p{
    line-height: 1.4;
  }

  div.reply{
    padding-top : 20px;
    padding-bottom : 40px;
    text-align: center;
  }

  div.reply a{
    padding-top : 7px;
    padding-bottom : 7px;
    padding-left : 25px;
    padding-right : 25px;
    background : transparent;
    border : solid 1px black;
    color : black;
    text-decoration: none;
    font-size : 17px;
    transition : all 0.5s;
  }

  div.reply a:hover{
    background : black;
    color : white;
  }

  h3#reply-title{
    text-align: center;
    font-size : 20px;
    font-family : 'Open Sans';
    margin-top : 20px;
  }

  p.comment-notes{
    text-align: center;
    margin-top : 15px;
    color : #686868;
  }

  p.comment-form-comment{
    text-align: center;
    margin-top : 15px;
  }

  p.comment-form-comment label{
    display : block;
    margin-bottom : 10px;
  }

  p.comment-form-comment textarea{
    padding-top : 10px;
    width : 50%;
    padding-bottom : 10px;
    background : #FAFAFA;
    border : none;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  }

  p.comment-form-author{
    text-align: center;
    margin-top : 15px;
  }

  p.comment-form-author label{
    display : block;
    margin-bottom : 10px;
  }

  p.comment-form-author input{
    padding-top : 10px;
    width : 50%;
    padding-bottom : 10px;
    background : #FAFAFA;
    border : none;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  }

  p.comment-form-email{
    text-align: center;
    margin-top : 15px;
  }

  p.comment-form-email label{
    display : block;
    margin-bottom : 10px;
  }

  p.comment-form-email input{
    padding-top : 10px;
    width : 50%;
    padding-bottom : 10px;
    background : #FAFAFA;
    border : none;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  }

  p.comment-form-url{
    text-align: center;
    margin-top : 15px;
  }

  p.comment-form-url label{
    display : block;
    margin-bottom : 10px;
  }

  p.comment-form-url input{
    padding-top : 10px;
    width : 50%;
    padding-bottom : 10px;
    background : #FAFAFA;
    border : none;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  }

  .form-submit{
    text-align: center;
    width : 100%;
    padding-top : 15px;
    padding-bottom : 15px;
  }

  .form-submit input{
    padding-top : 7px;
    padding-bottom : 7px;
    padding-left : 25px;
    padding-right : 25px;
    background : transparent;
    border : solid 1px black;
    color : black;
    text-decoration: none;
    font-size : 17px;
    transition : all 0.5s;
    cursor : pointer;
  }

  .form-submit input:hover{
    background : black;
    color : white;
  }

  .comment-reply-title a{
    color : #686868;
    text-decoration: none;
  }

  .comment-reply-title small a{
    color : #F05A28;
    text-decoration: none;
  }


}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

}