/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

/* SMALL BROWSER { */
@media only screen and (max-width:1200px) {

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
    
    .wrapper {
        min-width:100%;
    }

    .content_section {
        width:100%;
        margin-top:60px;
    }

    .ingress {
        width:100%;
    }

    .start_content .s_innehall {
        width:100%;
    }

.smallwidth_section, .tillsatta-tjanser .content_section, .lediga-tjanster .content_section, .uppdatera-cv .content_section, .registera_konto .content_section, .registrera-cv .content_section {
        width:100%;
        max-width:800px;
        margin:0 auto;
        margin-top:60px;
    }


/* HEADER */
    .header {
        height:auto;
    }

    .header_fixed {
        width:100%;
        padding:15px 0 0 0;
        position:static;
    }

    .logo {
        width:200px;
        float:none;
        margin: 0 auto ;
        padding:20px 0;
    }

    .nav {
        float:none;
        text-align:center;
        margin-top:0;
    }    

    .nav ul {
        float:none;
        display:inline-block;
    }

/*------------------------------------*\
    FOOTER
\*------------------------------------*/
    
    .footer .sidebar-widget {
        width:100%;
    }

/* FOOTER BOTTOM */

    .footer_bottom_inside {
        width:100%;
    }

    .footer_bottom {
        text-align:center;
    }    

    .fotbot_sidebar #wp_editor_widget-2 img {
        width:200px;
        display:block;
        margin:0 auto;
    }

    .footer_bottom .copyright {
        text-align:right;
        padding-right:20px;
    }

}

/* }*/

/* TABLET  { */

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

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
    
    .wrapper {
        min-width:100%;
    }

    .content_section {
        width:100%;
        margin: 0px auto 20px auto;
        padding:50px 40px 0px 40px ;
    }

    .with_full_img {
        padding:0px 20px 0px 20px ;
    }

    .ingress {
        width:100%;
        margin:0 auto 15px auto;
    }

    .start_content .s_innehall {
        width:100%;
        margin-bottom:25px;
    }

    .smallwidth_section {
        width:100%;
        margin:0 auto 20px auto;
        padding:0 40px;
    }

    .vertical_text p {
        margin:0 !important;
    }

    .full_bottom_img .bg .bigtext {
        font-size:26px;
    }

    img {
        height:auto;
    }

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

    .header_fixed {
        position:relative;
        padding:0;
        width:100%;
    }
    
    .logo {
        width:200px;
        float:none;
        margin: 0 auto ;
        padding:20px 0;
    }

/*------------------------------------*\
   MENY NAV
\*------------------------------------*/

    .header .nav {display:none;}
    
    .header .mobil_nav { 
        width:100%;
        top:0;
        display:block; 
        clear:both; 
        float:none;
    }

    .header .mobile_menu_header {
    	width:100%; 
        background:#1d1f20; 
        line-height:35px;
        color:#fff;
    }    

    .header .mobile_menu_header div i {
    	padding-left:15px;
    }

    .header .menu_mobile{z-index:1000000; font-weight:bold; width:100%; background:#131313;  position:absolute; text-align:center;}
    .header .menu_mobile ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
    .header .menu_mobile li {display: block;   padding:10px 0; border-bottom:#1d1f20 1px solid;}
    .header .menu_mobile li:hover{display: block;    background:#181818; border-bottom:#1d1f20 1px solid;}
    
    .header .menu_mobile ul li a {
        font-size:13px;
        text-decoration:none;  
        margin: 0px; 
        color:#fff;
        text-transform:uppercase;
        padding:8px 0;
        display:block;
    }   
    
    .header .menu_mobile ul li a:hover {
        background:rgba(255,255,255,0.2);
    }   

    .header .menu_mobile ul li .sub-menu a {
        text-transform:none;
    }
    
    .header .menu_mobile > ul > li > a span { 
        text-transform:uppercase;
    }

    .header .menu_mobile ul li a:hover {  color: #fff; text-decoration:none;}
    .header .menu_mobile a{text-decoration:none; color:white;}
    .header .menu_mobile a:hover{text-decoration:none; color:white;}
    
    .header .glyphicon-home{
      color:white; 
      font-size:1.5em; 
      margin-top:5px; 
      margin:0 auto;
    }

    .header .menu_mobile li .sub-menu li {
        border-bottom:none;
        padding:3px 0;
    }

/*------------------------------------*\
    FOOTER
\*------------------------------------*/
    .wrapper main {
        padding-bottom:40px;
    }

    .footer {
        position:static;
    }   

    .footer .sidebar-widget {
        width:100%;
        padding:30px 0;
        text-align:center;
    }

    .footer .sidebar-widget > div {
        float:none;
        width:100%;
        clear:both;
        padding:20px;
    }    

    .footer .sidebar-widget > div > div {
        width:100%;
    }


/* FOOTER BOTTOM */

    .footer_bottom_inside {
        width:100%;
    }

    .footer_bottom {
        text-align:center;
    }    

    .fotbot_sidebar {
        width:100%;
        float:none;
        clear:both;
    }

    .fotbot_sidebar #wp_editor_widget-2 img {
        width:200px;
        display:block;
        margin:0 auto;
    }

    .footer_bottom .copyright {
        display:inline-block;
        float:none;
        width:100%;
        float:none;
        text-align:center;
    }


/*------------------------------------*\
    STARTSIDA
\*------------------------------------*/

    #block2, #block4, #block7 {
        padding:20px;
    }

    .sidebar_start {
        padding:5px;    
    }

    .sidebar-widget {
        margin:0 auto 30px auto;
    }

    .sidebar_start #menu-ikon-meny li {
        width:50%;
        width:25%;
    }


    /* #BLOCK5 FULLWIDTHSBILD */
    
    #block5 .bigrubrik {
        margin:0 0 15px 0;
        font-size:18px;
    }    

    #block5 i {
        font-size:20px;
    }

    #block5 .bigtext {
        margin:15px 0;
    }

    #block5 .bigtext p {
        font-size:16px;
    }

    #block5 .smalltext {
        font-size:14px;
    }

    .huvudssida_links {
        margin-top:25px;
    }

    .huvudssida_links .huvudssida_link {
        width:50%;
        width:33%;
        float:left;
        text-align:center;
    }  

    .huvudssida_link img {
        float:none;
        clear:both;
        margin:0 auto;
    }

    .huvudssida_links .huvudssida_link h3 {
        clear:both;
        float:none;
        padding:10px 0 0 0;
        font-size:14px;
        text-align:center;
    }

    #block6 .vertical_text img {
        width:50px;
    }

    #block6 .pers_cat h4 {
        font-size:14px;
    }

    /* BLOCK 8 */
    #block8 {
        margin:0 0 -15px 0;
    }
    

/*------------------------------------*\
    VILKA ÄR VI
\*------------------------------------*/

    .pers_on_hover {
        left:0;
        top: auto;
        padding:5px;
    }    

    .pers_on_hover p,
    .pers_on_hover a, 
    .pers_on_hover .pers_readmore {
        display:none;
    }    

     .pers_on_hover .name_link {
        display:block;
    }

    .pers_on_hover .name  {
        display:inline-block;
        font-size:13px;
        font-weight:700;
        text-transform:none;
    }

    .modal-header .close {
        top: -8px !Important;
        right: -10px !important;
    }

    .modal-header {
        padding:0 !important;
    }
    .modal-body {
        padding:15px 0 5px 0 !important;
    }
    .modal-footer {
        padding:0 0 10px 0 !Important;
    }


    
    .pers_cat_title {
        font-size:18px;
    }

    /* PAGE TEMPLATE REFERENSER */

    .fullwidthsimgref h1 {
        font-size: 30px;
    }

  


/*------------------------------------*\
    VÅRT ERBJUDANDE TEMPLATE
\*------------------------------------*/

    .we_offer {
        width:100%;
    }

    .we_offer ul li a:before {
        width:80px;
        height:80px;
    }

    .we_offer ul li a {
        font-size:14px;
    }


/*------------------------------------*\
    404 ERROR
\*------------------------------------*/

    .error404 .smallwidth_section .search-input {
        box-sizing:border-box;
        width:100%;
    }

    .error404 .smallwidth_section .search-submit {
        top:4px;
        right:0;
    }

/*------------------------------------*\
    SEARCH RESULT
\*------------------------------------*/

.loop_featured_image {
    display:none;
}

.loop_content .date {
    display:none;
}

/*------------------------------------*\
    COLUMNS
\*------------------------------------*/
    .content-column {
        word-break:break-word !Important;
    }
    
    .full_width, .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
        clear:none !important;
        margin-bottom:0 !Important;
    }
    
    .full_width  {
        width: 100%;
    }
    .one_half  {
        width: 100% !important;
        margin-right:0% !important;
    }
    .one_third  {
        width: 100% !important;
        margin-right:0% !important;
    }
    .two_third  {
        width: 100% !important;
        margin-right:0% !important;
    }
    .one_fourth  {
        width: 100% !important;
        margin-right:0% !important;
    }
    .three_fourth  {
        width: 0% !important;
        margin-right:0% !important;
    }
    .one_fifth  {
        width: 100% !important;
        margin-right:0% !important ;
    }
    .two_fifth  {
        width: 100% !important;
        margin-right:0% !important;
    }
    .three_fifth  {
        width: 100%!important;
        margin-right:0% !important;
    }
    .four_fifth  {
        width: 100% !important;
        margin-right:0% !important;
    }
    .one_sixth  {
        width: 100% !important;
        margin-right:0% !important;
    }
    .five_sixth  {
        width: 100% !important;
        margin-right:0% !important;
    }
    
    .last_column {
        margin-right:0;
    }

}


/* } LANDSCAPE  { */

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

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
    
    body {
        font-size:13px;
    }
    
    .wrapper {
        min-width:100%;
    }

    .content_section {
        width:100%;
        margin: 0 auto 20px auto;
    }

    .ingress {
        width:100%;
        margin:0 auto 15px auto;
    }

    .start_content .s_innehall {
        width:100%;
        margin-bottom:25px;
    }

.smallwidth_section {
        width:100%;
        margin:0;
        padding:10px;
    }

    .vertical_text p {
        margin:0 !important;
    }

    .full_bottom_img .bg .bigtext {
        font-size:14px;
    }

    img {
        height:auto;
    }


/*------------------------------------*\
    FONTS
\*------------------------------------*/
h1 {
    text-align:center;
    font-size:22px;
    margin:30px 0 20px 0 ;
    line-height:130%;
}


h2 {
    text-align:center;
    font-size:22px;
    margin:30px 0 20px 0 ;
    color:#006699;
}


h3 {
    font-size:14px;
    margin:20px 0 -10px 0 ;
    color:#006699;
    font-weight:700;
}

h4 {
    font-size:14px;
    margin:20px 0 -10px 0 ;
    font-weight:700;
}

h5 {
    text-transform:none;
    font-size:13px;
    margin:20px 0 -10px 0 ;
    color:#006699;
}

h6 {
    text-transform:none;
    font-size:13px;
    margin:20px 0 -10px 0 ;
}


ul {
    padding-left:15px;
}

p strong {
    font-weight:600;
    font-size:13px;
}


.pers_cat_title {
    font-size:14px;
    margin:25px 0 0px;
}

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

    .header_fixed {
        position:relative;
        padding:0;
        width:100%;
    }
    
    .logo {
        width:200px;
        float:none;
        margin: 0 auto ;
        padding:20px 0;
    }



/*------------------------------------*\
   MENY NAV
\*------------------------------------*/

    .header .nav {display:none;}
    
    .header .mobil_nav { 
        width:100%;
        top:0;
        display:block; 
        clear:both; 
        float:none;
    }

    .header .mobile_menu_header {
    	width:100%; 
        background:#1d1f20; 
        line-height:35px;
        color:#fff;
    }    

    .header .mobile_menu_header div i {
    	padding-left:15px;
    }

    .header .menu_mobile{z-index:1000000; font-weight:bold; width:100%; background:#131313;  position:absolute; text-align:center;}
    .header .menu_mobile ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
    .header .menu_mobile li {display: block;   padding:10px 0; border-bottom:#1d1f20 1px solid;}
    .header .menu_mobile li:hover{display: block;    background:#181818; border-bottom:#1d1f20 1px solid;}
    
    .header .menu_mobile ul li a {
        font-size:13px;
        text-decoration:none;  
        margin: 0px; 
        color:#fff;
    }
    
    .header .menu_mobile > ul > li > a span { 
        text-transform:uppercase;
    }

    .header .menu_mobile ul li a:hover {  color: #fff; text-decoration:none;}
    .header .menu_mobile a{text-decoration:none; color:white;}
    .header .menu_mobile a:hover{text-decoration:none; color:white;}
    
    .header .glyphicon-home{
      color:white; 
      font-size:1.5em; 
      margin-top:5px; 
      margin:0 auto;
    }

    .header .menu_mobile li .sub-menu li {
        border-bottom:none;
        padding:3px 0;
    }

/*------------------------------------*\
    FOOTER
\*------------------------------------*/
    
    .footer .sidebar-widget {
        width:100%;
        padding:30px 0;
    text-align:center;
    }

    .footer .sidebar-widget > div {
        float:none;
        width:100%;
        clear:both;
        padding:20px;
    }    

    .footer .sidebar-widget > div > div {
        width:100%;
    }


/* FOOTER BOTTOM */

    .footer_bottom_inside {
        width:100%;
    }

    .footer_bottom {
        text-align:center;
    }    

    .fotbot_sidebar {
        width:100%;
        float:none;
        clear:both;
    }

    .fotbot_sidebar #wp_editor_widget-2 img {
        width:200px;
        display:block;
        margin:0 auto;
    }

    .footer_bottom .copyright {
        display:inline-block;
        float:none;
        width:100%;
        float:none;
        text-align:center;
    }

    
    .footer .widget_nav_menu a {
        text-transform:none;
    }


/*------------------------------------*\
    STARTSIDA
\*------------------------------------*/
    #block1 h1 {
        margin:40% 20px 20px 20px;
        font-size:23px;
    }

    #block4 {
        margin:0px;
    }

    #block2, #block4, #block7 {
        padding:0 15px ;
    }

    .home h2 {
        font-size:18px;
    }

    #block2, #block4, #block7 {
        padding:20px;
    }

    .huvudssida_links {
        margin-top:25px;
    }


    .huvudssida_links .huvudssida_link {
        width:50%;
        width:33%;
        float:left;
    }  

    .huvudssida_link img {
        float:none;
        clear:both;
        margin:0 auto;
    }

    .huvudssida_links .huvudssida_link h3 {
        clear:both;
        float:none;
        padding:10px 0 0 0;
        font-size:14px;
        text-align:center;
    }

    /* BLOCK 5 */
    
    #block5 .vertical_text {
        bottom:0;
    }

    /* BLOCK 6 */
    .pers_on_hover {
        left:0;
        top: auto;
        padding:5px;
    }    

    .pers_on_hover p,
    .pers_on_hover a, 
    .pers_on_hover .pers_readmore {
        display:none;
    }    

    .pers_on_hover .name  {
        display:inline-block;
        font-size:13px;
        font-weight:700;
        text-transform:none;
    }

    #block6 .sociala_medier i {
        width: 45px;
        height: 45px;
        padding: 12px;
        font-size: 23px;
    }

    #block6 .sociala_medier span {
        font-size:12px;
    }

    /* BLOCK 7 KONTAKT */

    .kontaktuppg {
        width:100%;
        float:none;
        text-align:center !important;
    }    

    .kontaktuppg img.alignnone{
        margin:0;
    }

    .kontaktformular {
        width:100%;
        float:none;
    }

    .wpcf7 p {
        text-transform:none;
    }

    .wpcf7-submit {
        font-size:14px;
        padding:8px !Important;
    }
    

/*------------------------------------*\
    VILKA ÄR VI
\*------------------------------------*/

    .pers_on_hover {
        left:0;
        top: auto;
        padding:5px;
    }    

    .pers_on_hover p,
    .pers_on_hover a, 
    .pers_on_hover .pers_readmore {
        display:none;
    }    

     .pers_on_hover .name_link {
        display:block;
    }

    .pers_on_hover .name  {
        display:inline-block;
        font-size:13px;
        font-weight:700;
        text-transform:none;
    }

    .modal-header .close {
        top: -8px !Important;
        right: -10px !important;
    }

    .modal-header {
        padding:0 !important;
    }
    .modal-body {
        padding:15px 0 5px 0 !important;
    }
    .modal-footer {
        padding:0 0 10px 0 !Important;
    }
          
    .modal-footer p, 
    .modal-footer a {
        display:block;
        margin-bottom:20px;
        text-align:left;
    }

    .modal-footer p:after {
        content:'' ;
    } 


    /* PAGE TEMPLATE REFERENSER */

    .fullwidthsimgref h1 {
        font-size: 22px;
    }

/*------------------------------------*\
    SEARCH RESULT
\*------------------------------------*/

.loop_featured_image {
    display:none;
}

.loop_content .date {
    display:none;
}

/*------------------------------------*\
    COLUMNS
\*------------------------------------*/
    .content-column {
        word-break:break-word !Important;
    }
    
    .full_width, .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
        clear:none !important;
        margin-bottom:0 !Important;
    }
    
    .full_width  {
        width: 100%;
    }
    .one_half  {
        width: 100% !important;
        margin-right:0% !important;
    }
    .one_third  {
        width: 100% !important;
        margin-right:0% !important;
    }
    .two_third  {
        width: 100% !important;
        margin-right:0% !important;
    }
    .one_fourth  {
        width: 100% !important;
        margin-right:0% !important;
    }
    .three_fourth  {
        width: 0% !important;
        margin-right:0% !important;
    }
    .one_fifth  {
        width: 100% !important;
        margin-right:0% !important ;
    }
    .two_fifth  {
        width: 100% !important;
        margin-right:0% !important;
    }
    .three_fifth  {
        width: 100%!important;
        margin-right:0% !important;
    }
    .four_fifth  {
        width: 100% !important;
        margin-right:0% !important;
    }
    .one_sixth  {
        width: 100% !important;
        margin-right:0% !important;
    }
    .five_sixth  {
        width: 100% !important;
        margin-right:0% !important;
    }
    
    .last_column {
        margin-right:0;
    }


    /* KVALITET */

    .page-id-150 .one_third {
        width:29% !important;
        margin:2% !important;
        float:left !important;
    }

    .page-id-150 .one_third img {
        margin:0 !important;
    }

    .page-id-150 .one_third p {
        margin:0;
        padding:0;
        line-height:0;
    }

    /* KONTAKT */
    
    .wpcf7-form-control-wrap {
        position: relative;
        margin-top: 6px;
        display: block;
    }

}

/* } PORTRAIT { */

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

/*------------------------------------*\
    STARTSIDA
\*------------------------------------*/

        #block1 h1 {
        margin:50% 20px 20px 20px;
        font-size:23px;
    }


    #menu-vi-erbjuder-meny li {
        width:50%;
    }

    #menu-vi-erbjuder-meny li a  {
        font-size:13px;
    }
    
    /* Personal */

    .pers_cat {
        margin-bottom:15px;
    }

    .pers_cat_title h4  {
        font-size:13px;
    }

    .person_object .name {
        text-transform:capitalize !important;
    }
    
    .single-truckutbildning .truckutb_info {padding:10px;}
    
    .sidebar_start #menu-ikon-meny li {
        width:50%;
    }

    .huvudssida_links .huvudssida_link {
        width:50%;
    } 

    .person_object {
        width:48%;
    } 

    /* PAGE TEMPLATE REFERENSER */

    .fullwidthsimgref h1 {
        font-size: 18px;
    }

    /* PAGE */
    .content_section {
        padding:30px 15px 0;
    }

}