@media (max-width: 768px){

	.navbar{

		position: initial;

	}

	.navbar-toggler{

		border: solid 1px #f89a51;

		margin-top: 0;

	}

	.navbar-toggler-icon{

		color: #f89a51;

		top: 5px;

    	position: relative;

	}

	.navbar-collapse{

		position: relative;

		width: 100%;

		top: 0;

		left: 0;

		background: #57575a;

		border-radius: 5px;

		padding-left: 12px;

		z-index: 10;

	}

	.navbar .navbar-nav .nav-link{

		color: #f89a51;

	}

	.navbar .navbar-nav .nav-link:hover{

		color: #fff;

		border-bottom: solid 2px #fff;

	}

	.copyright, .powered{

	    text-align: center;

	}

}

@media (min-width: 768px){

	.navbar{

		position: initial;

	}

	.navbar-toggler{

		border: solid 1px #f89a51;

		margin-top: 0;

	}

	.navbar-toggler-icon{

		color: #f89a51;

		top: 5px;

    	position: relative;

	}

	.navbar-collapse{

		position: relative;

		width: 100%;

		top: 0;

		left: 0;

		border-radius: 5px;

		background: #57575a;

		z-index: 10;

	}

	.navbar .navbar-nav .nav-link{

		color: #f89a51;

		padding-left: 15px;

		border-right: 0;

	}

	.navbar .navbar-nav .nav-link:hover{

		color: #fff;

	}

	.copyright{

		text-align: left;

	}

	.powered{

	    text-align: right;

	}

}

@media (min-width: 992px){

	.navbar{

		padding: 0;

		position: relative;

	}

	.navbar-collapse{

		position: initial;

		padding-left: 0;

		background: transparent;

	}

	.navbar .navbar-nav .nav-link{

		padding-left: 15px;

		color: #fff;

		padding: 12px 18px;

		border-right: solid 1px rgba(0,0,0,0.2);

	}

	.navbar .navbar-nav .nav-link:hover{

		color: #f89a51;

	}

	.topFooter .fotLogos img{

	    height: 62px;

	}

}

@media (min-width: 1200px){

	.navbar .navbar-nav .nav-link{

		padding: 12px 28px;

	}

	.topFooter .fotLogos img{

	    height: 78px;

	}

}

/*New Responsive code*/
@media only screen and (min-width: 320px) and (max-width: 340px){
.topHeader a {
    font-size: 14px;
}
.navbar {
    position: relative !important;
    left: 13rem !important;
}
.navbar-collapse {
    left: -78% !important;
}
.slider2 {
    min-height: 31vh;
    background-repeat: no-repeat;
    background-size: 200%;
}
}
@media only screen and (min-width: 640px) and (max-width: 660px){
.topHeader a {
    font-size: 14px;
}
.navbar {
    position: relative !important;
    left: 27rem !important;
}
.navbar-collapse {
    left: -88% !important;
}
.slider2 {
    min-height: 124vh;
    background-repeat: no-repeat;
    background-size: 200%;
}
}
@media only screen and (min-width: 360px) and (max-width: 380px){
.topHeader a {
    font-size: 14px;
}
.navbar {
    position: relative !important;
    left: 15rem !important;
}
.navbar-collapse {
    left: -81% !important;
}
.slider2 {
    min-height: 35vh;
    background-repeat: no-repeat;
    background-size: 200%;
}
}
@media only screen and (min-width: 375px) and (max-width: 395px){
.topHeader a {
    font-size: 14px;
}
.navbar {
    position: relative !important;
    left: 16rem !important;
}
.navbar-collapse {
    left: -82% !important;
}
.slider2 {
    min-height: 36vh;
    background-repeat: no-repeat;
    background-size: 200%;
}
}
@media only screen and (min-width: 667px) and (max-width: 687px){
.topHeader a {
    font-size: 14px;
}
.navbar {
    position: relative !important;
    left: 28rem !important;
}
.navbar-collapse {
    left: -88% !important;
}
.slider2 {
    min-height: 114vh;
    background-repeat: no-repeat;
    background-size: 200%;
}
}
@media only screen and (min-width: 414px) and (max-width: 434px){
.topHeader a {
    font-size: 14px;
}
.navbar {
    position: relative !important;
    left: 18rem !important;
}
.navbar-collapse {
    left: -84% !important;
}
.slider2 {
    min-height: 40vh;
    background-repeat: no-repeat;
    background-size: 200%;
}
}
@media only screen and (min-width: 736px) and (max-width: 756px){
.topHeader a {
    font-size: 14px;
}
.navbar {
    position: relative !important;
    left: 28em !important;
}
.navbar-collapse {
    left: -88% !important;
}
.slider2 {
    min-height: 124vh;
    background-repeat: no-repeat;
    background-size: 200%;
}
}
@media only screen and (min-width: 768px) and (max-width: 788px){
.topHeader a {
    font-size: 14px;
}
.navbar {
    position: relative !important;
    left: 37em !important;
}
.navbar-collapse {
    left: -91% !important;
}
.slider2 {
    min-height: 49vh;
    background-repeat: no-repeat;
    background-size: 200%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1044px){
.topHeader a {
    font-size: 14px;
}
.navbar {
    position: relative !important;
    left: 0 !important;
}
.navbar-collapse {
    left: -88% !important;
}
.slider2 {
    min-height: 43vh;
    background-repeat: no-repeat;
    background-size: 100%;
}
}