/* Responsive CSS Styles Table of Contents */
.currency-wrapper {
    width: auto;
}
.currency-form input {
    text-align: center;
    width: auto;
}
.currency-wrapper {
    width:auto;
  
}

@media only screen and (min-width: 1000px) and (max-width: 1169px){

 .fa.fa-chevron-left{display: inline-block;
    position: absolute;
    top: 43%;
    z-index: 5; background-color:#90c322; padding:15px 20px; margin:0 0 0 -50px;}
	
.fa.fa-chevron-right{display: inline-block;
    position: absolute;
    top: 43%;
    z-index: 5; background-color:#90c322; padding:15px 20px;}
	
	
	

.trak_img {
    background-color: rgba(255, 255, 255, 0.61);
    padding: 20px;
    margin-top: 0px;
}
.trak_img h2 {
    margin: 0px;
        margin-bottom: 0px;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #000;
    font-size: 25px; text-align:center
}
#example1, #example2, #example3, #default, #green, #blue, #lightblue, #orange, #red {
    width:auto!important;
    margin-left: 0px!important;
}
.example {
    margin-left: 30px!important;
    margin-right: 30px!important;
}

#UserIndexForm {
    margin-top: 20px;
}
.we h3 {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}
.payment_popup {
    background-color: #ed3237;
    padding: 10px 20px;
}
.services ul {
    padding: 0px;
}

nav.navbar.bootsnav ul.nav > li > a{ padding:15px 9px}
	
.Information{ font-size:16px;}	
.footer p {
    font-size: 14px;
    padding-top: 0px;
    color: #bbbbbb;
    text-align: left;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

}

@media only screen and (max-width: 768px){  
   .nav.navbar-nav.navbar-right {
    margin: 23px 0px;
    display: block;
}
 .fa.fa-chevron-left{display: inline-block;
    position: absolute;
    top: 28%;
    z-index: 5; background-color:#90c322; padding:15px 20px; margin:0 0 0 -50px;}
	
.fa.fa-chevron-right{display: inline-block;
    position: absolute;
    top: 28%;
    z-index: 5; background-color:#90c322; padding:15px 20px;}
 
 .fa.fa-chevron-left.next-item {
    margin: 0 0 0 -30px !important;
}
.fa.fa-chevron-right.next-item2 {
    margin: 0 0 0 -30px !important;
}



	
	

.trak_img {
    background-color: rgba(255, 255, 255, 0.61);
    padding: 20px;
    margin-top: 60px;
}
.trak_img h2 {
    margin: 0px;
        margin-bottom: 0px;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #000;
    font-size: 25px; text-align:center
}
#example1, #example2, #example3, #default, #green, #blue, #lightblue, #orange, #red {
    width: 500px;
    margin-left: 20%!important;
}
#UserIndexForm {
    margin-top: 20px;
}
.we h3 {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}
.payment_popup {
    background-color: #ed3237;
    padding: 10px 20px;
}
.services ul {
    padding: 0px;
}

nav.navbar.bootsnav ul.nav > li > a{ padding:15px 9px}
	.navbar-brand > img {
    display: block;
    width: 168px;
}
   
 }

@media only screen and (min-width: 640px) and (max-width: 767px){
    .inner_page_css {
    height: 65px;
}
 .navbar {
    min-height: 65px;  
}
.nav.navbar-nav.navbar-right {
    margin: 0px 0px;  
}
.navbar-brand {
    height: 65px;   
}
.navbar-default .navbar-nav > li > a {
    padding: 10px 12px;
}
.navbar-toggle {
    font-size: 30px !important;
}
.menu_main {
    background-color: black; position:relative; z-index:20;
}
 .fa.fa-chevron-left{display: inline-block;
    position: absolute;
    top: 95%;
    z-index: 5; background-color:#90c322; padding:15px 20px; margin:0 0 0 -50px;}
	
.fa.fa-chevron-right{display: inline-block;
    position: absolute;
    top: 95%;
    z-index: 5; background-color:#90c322; padding:15px 20px;}


 
 .fa.fa-chevron-left.next-item {
    margin: 0 0 0 -30px !important;
}
.fa.fa-chevron-right.next-item2 {
    margin: 0 0 0 -30px !important;
}
.logo a img{ display: block;
margin-right: auto;
margin-left: auto;}
.top-email{ color:#000; font-size:15px; font-weight:bold}
.top-email img{margin:0 0 0 -7px;}
.ttt{ width:auto}
.owl-carousel .owl-buttons .owl-next{ right:40px}

	.navbar-brand > img {
    display: block;
    width: 168px;
}
.trak_img {
    background-color: rgba(255, 255, 255, 0.61);
    padding: 20px;
    margin-top: 0px;
}

}


@media only screen and (min-width: 480px) and (max-width: 639px){
.navbar-toggle {
    font-size: 30px !important;
}
.menu_main {
    background-color: black; position:relative; z-index:20;
}
 .fa.fa-chevron-left{display: inline-block;
    position: absolute;
    top: 95%;
    z-index: 5; background-color:#90c322; padding:15px 20px; margin:0 0 0 -34px;}
	
.fa.fa-chevron-right{display: inline-block;
    position: absolute;
    top: 95%;
    z-index: 5; background-color:#90c322; padding:15px 20px; margin:0 0 0 -20px;}
	
 
 .fa.fa-chevron-left.next-item {
    margin: 0 0 0 -20px !important;
}
.fa.fa-chevron-right.next-item2 {
    margin: 0 0 0 -35px !important;
}
.field_div {
    float: left;
    width: 100%;
}

.logo a img{ display: block;
margin-right: auto;
margin-left: auto;}
.top-email{ color:#000; font-size:15px; font-weight:bold}
.top-email img{margin:0 0 0 -7px;}
.ttt{ width:auto}
.owl-carousel .owl-buttons .owl-next{ right:40px}



.trak_img {
    background-color: rgba(255, 255, 255, 0.61);
    padding: 20px;
    width: auto;
    margin-top: 100px;
}
.trak_img h2 {
    margin: 0px;
        margin-bottom: 0px;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #000;
    font-size: 25px; text-align:center
}
#UserIndexForm {
    margin-top: 20px;
}
.we h3 {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}
.payment_popup {
    background-color: #ed3237;
    padding: 10px 20px;
}
.services ul {
    padding: 0px;
}

#example1, #example2, #example3, #default, #green, #blue, #lightblue, #orange, #red {
    width:auto!important;
    margin-left: 0px!important;
}
.example {
    margin-left: 100px!important;
    margin-right: 100px!important;
}

	.navbar-brand > img {
    display: block;
    width: 168px;
}
.trak_img {
    background-color: rgba(255, 255, 255, 0.61);
    padding: 20px;
    margin-top: -100px;
}

}





@media only screen and (max-width: 479px){
.inner_page_css {
    height: 65px;
}
 .navbar {
    min-height: 65px;  
}
.nav.navbar-nav.navbar-right {
    margin: 0px 0px;  
}
.navbar-brand {
    height: 65px;   
}
.navbar-default .navbar-nav > li > a {
    padding: 10px 12px!important;
    margin-top: 5px;
}
    .navbar-toggle {
    font-size: 30px !important;
}
    .copy {
    font-size: 12px;
    text-align: center;
}
    
.copy .designed_by p {
    text-align: center!important;
    font-size: 12px;
}
.copy .copyright p {
    font-size: 12px;
    text-align: center;
}
.footer p {
    font-size: 13px;
}

.footer-menu ul li a {
    font-size: 14px;
}
.menu_main {
    background-color: black; position:relative; z-index:20;
}
 .fa.fa-chevron-left{display: inline-block;
    position: absolute;
    top: 43%;
    z-index: 5; background-color:#90c322; padding:15px 20px; margin:0 0 0 -20px;}
	
.fa.fa-chevron-right{display: inline-block;
    position: absolute;
    top: 43%;
    z-index: 5; background-color:#90c322; padding:15px 20px; margin:0 0 0 -40px;}
	 .fa.fa-chevron-left.next-item {
    margin: 0 0 0 -20px !important;
}
.fa.fa-chevron-right.next-item2 {
    margin: 0 0 0 -35px !important;
}
.field_div {
    float: left;
    width: 100%;
}

.table-res {
    border: 1px solid #ddd;
    margin-bottom: 15px;
    overflow-y: hidden;
    width: 100%;
}
.table-res {
    min-height: 0.01%;
    overflow-x: auto;
}
.logo a img{ display: block;
margin-right: auto;
margin-left: auto;}
.top-email{ color:#000; font-size:15px; font-weight:bold}
.top-email img{margin:0 0 0 -7px;}
.ttt{ width:auto}
.owl-carousel .owl-buttons .owl-next{ right:40px}.
.navbar.bootsnav ul.nav > li > a{ border-left:0px solid #da6938 !important}
.hovereffect a.info{ border:0px solid #fff; margin:0px; padding:0px;}

.trak_img {
    background-color: rgba(255, 255, 255, 0.61);
    padding: 20px;
    width: auto;
    margin-top: 153px;
}
.trak_img h2 {
    margin: 0px;
        margin-bottom: 0px;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #000;
    font-size: 25px;
}
#UserIndexForm {
    margin-top: 20px;
}
.we h3 {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}
.payment_popup {
    background-color: #ed3237;
    padding: 10px 20px;
}
.services ul {
    padding: 0px;
}

#example1, #example2, #example3, #default, #green, #blue, #lightblue, #orange, #red {
    width:auto!important;
    margin-left: 0px!important;
}
.example {
    margin-left: 20px!important;
    margin-right: 20px!important;
}

	.navbar-brand > img {
    display: block;
    width: 168px;
}
.trak_img {
    background-color: rgba(255, 255, 255, 0.61);
    padding: 20px;
    margin-top: -100px;
}
.sy-slide > img{ 
    height:200px;

}

}