/*Mobile*/

@media (max-width: 767px) {
	
    body, html { overflow-x:hidden; }
    	
    .top-bar #top-bar-1 {
        text-align: center;
    }
    
	#top-bar-2 {
	    display: none;
	}
	
	#header-container {
    	margin-right: 0;
        height: 100%;
    }
	
	.header {
	    text-align: center;
	}
	
	.header .logo {
	    text-align: center;
	}
	
	.header img {
	    margin-left: 0;
	    margin-top: 0;
	    max-width:80%;
	    width: auto;
	}
	
	.navbar {
	    padding-top: 0;
        padding-left: 0;
        z-index: 999;
        width: 100%;
        text-align: center;
        float: none!important;
    }
	
	.header .logo {
        width: 100%;
        float: left;
        margin-right: auto;
        margin-left: auto;
        margin-top: 0;
        text-align: center;
        margin: 10px 0px;
    }
    
    #navbar {
		width: 100%!important;
	    position: relative;
	    left:0;
	    right:0;
	}
    
    .navbar-toggle {
        text-align: center;
        margin: 15px 0px 0px 0px;
        padding: 10px;
        background-color: #0a509c;
        background-image: none;
        border: none;
        border-radius: 0;
        color: #fff;
    }
    
    .navbar-nav {
        margin: 0;
        text-align: center;
        width: 100%;
    }
    
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: #0a509c;
    }
    
    .vline {
    	border-left: none;
    }
	
	.header-image {
        padding-top: 0;
        background-image: url(/images/header.jpg);
        background-position: center;
        background-size: cover;
        width: 100%;
        text-align: center;
    }
    
    #welcome-to-total {
        text-align: center;
    }

    #welcome-to-total h1 {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 36px;
    }
	
	
	.visit-total .col-md-12 h2 {
        padding-top: 0; 
        text-align: center;
        text-transform: uppercase;
        color: #f3123e;
        font-weight: bold;
        font-size: 28px;
        margin-top: 25px;
        margin-bottom: 10px;
    }
    
    .visit-total .col-md-12 p {
        text-align: center;
        margin-bottom: 25px;
        padding-bottom: 0;
    }

	
	/*#single_image {*/
	/*    padding-left: 15px!important;*/
	/*    padding-bottom: 0!important;*/
	/*    padding-right: 15px!important;*/
	/*}*/
	
	.mobile-image {
	    display: block;
	}
	
	#single_image {
	    display: none;
	}
    
    .small_images_div {
        width:72%;
        padding-left: 15px!important;
    }
    
    .all_images .col-md-8 {
        padding-left: 0!important;
    }
    
    
    .small_images_div {
        width:50%;
        float:left;
        margin-right:auto;
        margin-left: auto;
    }
	
	.h3-big-heading {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #f3123e;
        color: white;
        max-width: 100%;
        width: auto;
        text-transform: uppercase;
        margin-top: 0!important;
        margin-bottom: 15px!important;
        font-size: 12px;
    }

    .h3-headings {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #f3123e;
        color: white;
        max-width: 415px;
        width: auto;
        text-transform: uppercase;
        margin-top: 0!important;
        margin-bottom: 15px!important;
        font-size: 12px;
    }
	.more-visit-total p {
        padding-top: 25px;
        text-align: center;
        padding-bottom: 25px;
    }
	
	.get-in-touch h2 {
        text-transform: uppercase;
        font-weight: bold;
        color: white;
        padding-bottom: 25px;
        padding-top: 25px;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 28px;
    }
	
	hr {
	    width: 100%
	}
	
	.input-fields {
        width: 100%;
        margin-bottom: 5px;
        border: none;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 15px;
        margin-left: 0;
        -webkit-appearance: none; border-radius: 0;
    }
    
    .contact-form{
        padding-top: 15px;
    }
    
    .btn-primary {
        margin-left: 0;
    }
    
    .social_icons {
        text-align: center;
    }
    
    .visit-total-sa hr {
	    display: block;
    }
    
    .visit-total-sa a {
	    display: block;
    }
    
    .visit-total-sa p {
        display: inline-block;
    }
	
}

/*Tablet & small screens:*/
@media (min-width: 768px) and (max-width: 991px) {
	
	body, html { overflow-x:hidden; }
	
	.top-bar #top-bar-2 {
        text-align: right;
        margin-top: -55px;
    }
    
    .header img {
	    margin-left: 0;
	    max-width: 35%;
	    width: auto;
	    margin-top: 10px;
	}
    
    .header .col-md-9 {
	    margin-top: -11%;
	}
	
	.header-image {
	    text-align: center;
	}
	
	.header-image .container {
	    width: auto;
	}
	
	#welcome-to-total {
        text-align: center;
    }
	
	#welcome-to-total h1 {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 48px;
    }
	
	.visit-total .col-md-12 h2 {
        padding-top: 70px;
        text-align: center;
        text-transform: uppercase;
        color: #f3123e;
        font-weight: bold;
        margin-top: 0;
    }

    .visit-total .col-md-12 p {
        text-align: center;
        padding-bottom: 25px;
        margin-bottom: 0;
    }
    
    .navbar-nav>li {
        float: left;
        font-size: 12px;
    }
    
 /*   #single_image {*/
	/*    padding-left: 15px!important;*/
	/*    padding-bottom: 0!important;*/
	/*    padding-right: 15px!important;*/
	/*}*/
	
	.mobile-image {
	    display: block!important;
	}
	
	#single_image {
	    display: none!important;
	}
	
    
    .small_images_div {
        width:72%;
        padding-left: 15px!important;
    }
    
    .all_images .col-md-8 {
        padding-left: 0!important;
    }
    
    
    .small_images_div {
        width:50%;
        float:left;
        margin-right:auto;
        margin-left: auto;
    }
	
	.h3-big-heading {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #f3123e;
        color: white;
        max-width: 100%;
        width: auto;
        text-transform: uppercase;
        margin-top: 0!important;
        margin-bottom: 15px!important;
        font-size: 12px;
    }

    .h3-headings {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #f3123e;
        color: white;
        max-width: 100%;
        width: auto;
        text-transform: uppercase;
        margin-top: 0!important;
        margin-bottom: 15px!important;
        font-size: 12px;
    }
    
    .more-visit-total p {
        padding-top: 25px;
        text-align: center;
        padding-bottom: 25px;
    }
    
    .get-in-touch h2 {
        text-transform: uppercase;
        font-weight: bold;
        color: white;
        padding-bottom: 25px;
        padding-top: 25px;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 28px;
    }
	
	hr {
	    width: 100%
	}
	
	.input-fields {
        width: 100%;
        margin-bottom: 5px;
        border: none;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 15px;
        margin-left: 0;
        -webkit-appearance: none; border-radius: 0;
    }
    
    .contact-form{
        padding-top: 15px;
    }
    
    .btn-primary {
        margin-left: 0;
    }
    
    .social_icons {
        text-align: center;
    }

	
}

@media (min-width: 992px) and (max-width: 1199px) {
	
	body, html { overflow-x:hidden; }
	
	.top-bar #top-bar-1{
	    padding-left: 15px;
	}
    
    .header img {
        margin-top: 10px;
        margin-left: 0;
    }
	
	#welcome-to-total {
        height: 100%;
        padding-top: 10%;
        padding-bottom: 10%;
        color: white;
        padding-left: 50px;
        padding-right: 50px;
        text-align: left;
    }
	
	#welcome-to-total h1 {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 48px;
    }
    
    .visit-total .col-md-12 h2 {
        padding-top: 25px;
        text-align: center;
        text-transform: uppercase;
        color: #f3123e;
        font-weight: bold;
        margin-top: 0;
    }

    .visit-total .col-md-12 p {
        text-align: center;
        padding-bottom: 25px;
        margin-bottom: 0;
    }
    
 /*   #single_image {*/
	/*    padding-left: 15px!important;*/
	/*    padding-bottom: 0!important;*/
	/*    padding-right: 15px!important;*/
	/*}*/
	
    
    .small_images_div {
        padding-left: 15px!important;
    }
    
    .all_images .col-md-8 {
        padding-left: 0!important;
    }
    
    
    .small_images_div {
        float:left;
        margin-right:auto;
        margin-left: auto;
    }
    
    .h3-big-heading {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #f3123e;
        color: white;
        max-width: 100%;
        width: auto;
        text-transform: uppercase;
        margin-top: 0!important;
        margin-bottom: 15px!important;
        font-size: 12px;
    }

    .h3-headings {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #f3123e;
        color: white;
        max-width: 415px;
        width: auto;
        text-transform: uppercase;
        margin-top: 0!important;
        margin-bottom: 15px!important;
        font-size: 12px;
    }
    
    .more-visit-total p {
        padding-top: 25px;
        text-align: center;
        padding-bottom: 25px;
    }
    
    .get-in-touch h2 {
        text-transform: uppercase;
        font-weight: bold;
        color: white;
        padding-bottom: 25px;
        padding-top: 25px;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 28px;
    }
    

}

/*Laptop:*/
@media (min-width: 1199px) {
	
	body, html { overflow-x:hidden; }
	
	.header img {
	width: 90%;
    margin-top: 10px;
    margin-left: 0;
}

    #welcome-to-total {
        height: 100%;
        padding-top: 10%;
        padding-bottom: 10%;
        color: white;
        padding-left: 50px;
        padding-right: 50px;
        text-align: left;
        margin-left: -10px;
    }
	
	#welcome-to-total h1 {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 60px;
        text-shadow: 1px 1px #080808;
    }
    
    #welcome-to-total p {
        font-size: 18px;
        text-shadow: 1px 1px #080808;
    }
    
    .visit-total .col-md-12 h2 {
        padding-top: 25px;
        text-align: center;
        text-transform: uppercase;
        color: #f3123e;
        font-weight: bold;
        margin-top: 0;
    }

    .visit-total .col-md-12 p {
        text-align: center;
        padding-bottom: 25px;
        margin-bottom: 0;
    }
    
    .small_images_div {
        padding-left: 15px!important;
    }
    
    .all_images .col-md-8 {
        padding-left: 0!important;
    }
    
    
    .small_images_div {
        float:left;
        margin-right:auto;
        margin-left: auto;
    }
    
    .h3-big-heading {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #f3123e;
        color: white;
        max-width: 100%;
        width: auto;
        text-transform: uppercase;
        margin-top: 0!important;
        margin-bottom: 15px!important;
        font-size: 12px;
    }

    .h3-headings {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #f3123e;
        color: white;
        max-width: 415px;
        width: auto;
        text-transform: uppercase;
        margin-top: 0!important;
        margin-bottom: 15px!important;
        font-size: 12px;
    }
    
    .more-visit-total p {
        padding-top: 25px;
        text-align: center;
        padding-bottom: 25px;
    }
    
    .get-in-touch h2 {
        text-transform: uppercase;
        font-weight: bold;
        color: white;
        padding-bottom: 25px;
        padding-top: 25px;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 28px;
    }
	
}