@charset "utf-8";
/* CSS Document */

body{
    width: 100%;
	/*background:#000;*/
	font-family: 'Futura Std' !important;
    background: url(../images/main-sliger.jpg) fixed;
    background-repeat: no-repeat;
    background-size: cover;

}
html, body
{
    width: 100% !important;
    height: 100% !important;
    margin: 0px !important;
    padding: 0px  !important;
    overflow-x: hidden;
    overflow-y: visible;
}
.header {
	width:100%;
	float:left;
	padding:5px;
	z-index:999999;
	position:fixed;
	background:#111111;
}
.mobile-menu-class {
    position: relative; !important;
}
.wrap {
    width: 100% !important;
}
.logo {
	position:absolute;
	width:100%;
}
.logo-mob {
    visibility: hidden;
    position:absolute;
    max-width: 100%;

}
.logo img {
	max-width: 100%;
}

#nav
{
    /* container */
}
    #nav > a
    {
        display: none;
    }
    #nav li
    {
        position: relative;
    }
 
    /* first level */
 
    #nav > ul
    {
        height: 3.75em;
    }
        #nav > ul > li
        {
       
            height: 100%;
			list-style:none;
            float: left;
        }
 
    /* second level */
 
    #nav li ul
    {
        display: none;
        position: absolute;
        top: 100%;
    }
        #nav li:hover ul
        {
            display: block;
        }
		
		@media only screen and ( max-width: 40em ) /* 640 */
{
    #nav
    {
        position: relative;
    }
        #nav > a
        {
        }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
        }
 
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
    }
        #nav:target > ul
        {
            display: block;
        }
        #nav > ul > li
        {
            width: 100%;
            float: none;
        }
 
    /* second level */
 
    #nav li ul
    {
        position: static;
    }
}

.menu {
	width: 100%;
	float: left;
	margin: 38px 0 -14px 0;
}
.menu ul li a {
    color: #b6b6b6;
    padding: 10px;
    list-style: none;
    font-size: 14px;
    font-weight: bold;
}
.menu li a span:after {
    content: "\f103";
    margin-left: 0.35em;
    font-family: "FontAwesome" !important;
    font-style: normal !important;
    font-weight: normal !important;
    text-decoration: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.menu ul li a:hover
{
	color:#fff;
	text-decoration:none;
}
.menu i {
	font-size: 20px;
	color: #FFF;
	margin-left: 103px;
	margin-right: -89px;
}
.main-slide
{
	width:100%;
	float:left;
	/*background:url(../images/main-sliger.jpg) no-repeat;*/
	height:488px;
    width: 100%;
	background-size: cover;
}
.result {
    margin-bottom: 30px !important;
}
.coming-soon
{
	position:absolute;
	background:url(../images/comingup.png) no-repeat;
    background-size: contain;
	width: 560px;
	height:172px;
	top: 200px;
    transition: 0.5s ease-in-out all;
}
.coming-soon:hover, .evants:hover, .evants1:hover, .animate:hover, .clant:hover {
    -moz-transform: scale(1.1,1);
    -webkit-transform: scale(1.1,1);
    transform: scale(1.1,1); 
    transition: 0.3s ease-in-out all;
}

.app-link {
    float: right;
    top: 25%;
}
.app-link img {
    width: 350px;
    margin-top: 5px;
}
a {
color: #fff;
font-weight: bold;
font-size: 15px;
text-decoration: none;
}
a:hover{
color: red;
}
.main {
text-align: center; 
margin-left: auto;
margin-right: auto;

border: 0px solid #000;
border-top-width: 10px;
}
.currentfolder {
width: 100%;
border-bottom: 1px solid #fff;
padding-top: 15px;
margin-bottom: 1px;
text-align: center;
font-size: 20px;
font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
font-weight: bold;
}
.currentfolder .folderhead {
    font-size: 35px;
}
.linkup{
position: relative;
margin-top: 10px;
min-height: 20px;
}

.sortby, .upload{
background-color: #333;
border: 1px solid #fff;
border-bottom-width: 0px;
margin-top: 5px;
padding: 5px;
padding-bottom: 5px;
font-size: 11px;
font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
font-weight: none;
}

.sortby{
position: absolute;
bottom: 0;
left: 0;
border-left-width: 0px;
padding-left: 10px;
color:#fff;
}
.upload{
float: right;
border-right-width: 0px;
padding-right: 10px;
}

.upload a{
cursor: pointer;}

.images, .files, .folders{
padding-top: 10px;
}

.images {
float: left;
}
.center {
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}

.image { 
float: left;
text-align: center;
margin: 6px 6px 6px 6px; 
}

.imagebox {
overflow: hidden;
border: 1px #999 solid;
padding-bottom: 5px;
}

.image img {
border: 0px;
border-bottom: 1px #999 solid;
margin-bottom: 5px;
}

.files, .folders, .links{
border-bottom: 1px solid #fff;
padding-bottom: 1px;
font-size: 12px;
font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
text-align: left;
background-color: rgba(14, 14, 14, 0.60);
border-radius:10px;
}

.links {padding: 20px;}
.input {float: left; margin-left: 5px; padding:5px;}

.title {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: bold;
font-size: 14px;
color: #CCCCCC;
margin-bottom: 10px;
}

table.list
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 13px;
color: #CCCCCC;
width: 100%;
border-collapse: collapse;
}

table.list td
{background-color: #fff;
color: #000;
padding: 5px;
padding-left: 10px;
border: 1px #fff dotted;
border-left-width: 0px;
border-right-width: 0px;}

table.list .right {
width: 22%;
color: #fff;}

table.list .right_ {
width: 22%;
color: #000;
}

table.list .w td{
background-color: rgba(14, 14, 14, 0.70);

}


table.list .b td{
background-color: rgba(14, 14, 14, 0.50);
}

table.list .hed td{
color: #;
padding: 4px;
padding-left: 10px;
border-bottom: 5px #333 solid;
border-top: 0px;
font-size: 16px;
font-weight: bold;}

table.champ-cal {
    width: 100%;
}
.official-cal-table {
    float: right;
}









@media (max-width: 992px) {
.app-link {
    top: 0 !important;
    text-align: center;
}    
.app-link img{
    width: 220px;
    margin-left: 10px;
}

    .coming-soon {
        height: 180px;
        top: 180px;
    }    
    .coming-soon h2 {
            
    }  
    .clant {
        margin-top: 0;
        left: 38%;
        top: 65px;
    }/*          
    .over {
        position: relative;
        top: 780px !important;
    }*/
}
@media (max-width: 800px) {
    .logo {
     
            visibility: hidden;

    }
    .logo-mob {
       width: 400px;
        visibility: visible;
       




}
}
@media (max-width: 700px) {
    .logo {
     
            visibility: hidden;

    }
    .logo-mob {
       width: 300px;
        visibility: visible;
       




}
}
@media (max-width: 480px) {
    .logo {
  
            visibility: hidden;
    }
    .logo-mob {
          width: 200px;
		visibility: visible;



}
}
@media (max-width: 350px) {
    .logo {
            visibility: hidden;
    }
    .logo-mob {
            width: 180px;
           visibility: visible; 	




}
}
.coming-soon h2
{    
font-size: 32px;
color: #FFF;
font-weight: bold;
margin: 71px 0 0 140px;
}
.longiness
{
	width:100%;
	/*position:absolute;*/
	height:auto;
	top: 547px;
}
.longiness:nth-child(1)
{
	margin-top:-200px !important;
}

.longlesscontent
{
		margin-top: 33px;
		width:100%;
		float:left;
        padding: 2px 0px 0px 2px;
		background-color: rgba(50, 55, 61, 0.90);
		border-radius:10px;

}
.timermain
{
	width:300px;
	margin:10px auto;
	text-align:center;
}
.longlesscontent span {
    color: #fff;
}
.time {
    float: left;
    width: 100%;
    text-align: center;
    background: url(../images/blackbg.jpg) no-repeat;
	height:auto;
    border-bottom: 1px #ad0000 solid;
}

.finish {
    background: url(/images/finish.gif) no-repeat;
    float: left;
    width: 100%;
    text-align: center;
	height:auto;
    border-bottom: 1px #ad0000 solid;

}
.live {
	background:green;
    float: left;
    width: 100%;
    text-align: center;
	height:auto;
    border-bottom: 1px #ad0000 solid;

}
.time p {
    font-size: 18px;
    color: #FFF;
    margin: -21px 0 8px 0;
}
.no-padding
{
	padding:0px !important; 
}
.bold {
    font-weight: bold;
    font-size: 31px !important;
    margin-top: 13px !important;
}
.royal,  .royal-mb
{
	width:100%;
	text-align:center;
	float:left;
}
.royal,  .royal-mb h2 {
    font-size: 32px;
    color: #fff;
    margin-top: 10px;
    transition: all 0.3s ease-in-out;
}
.royal,  .royal-mb h2:hover {
    color: #CCCCCC;
    transition: all 0.3s ease-in-out;
}
.united {
    width: 100%;
    float: left;
    margin-top: 40px;
}
.united p
{
	font-size:16px;
	color:#fff;
}
.united i {
color: #CCC;
font-size: 24px;
margin-right: 15px;
font-weight: bold;
	}
.united img {
    width: 12%;
	height:auto;
    margin: 0 0 0 5px;
}
.cical {
    width: 100%;
    float: left;
    margin-top: 32px;
}
.cical img {
    transform-origin: center;
	width:50%;
}
.timing {
    width: 47%;
    float: left;
	cursor:pointer;
	text-align:center;
    padding: 15px 10px;
    background: #b81e20;
    margin: 20px 10px 10px 0px;
    transition: ease-in-out all 0.4s;
	border-radius:5px;
}
.timing:hover {
	background:#000;
    transition: ease-in-out all 0.4s;
}
.timing i {
    color: #FFF;
    font-size: 24px;
    margin: 0px 9px 0px 0;
}
.timing p {
	font-size:20px;
	color:#FFF;
	margin:0px;
}
.result {
	width:100%;
	background-size:cover;
	float:left;
	margin-top: 34px;
	height:808px;
}
.search-result img {
    margin-left: 7px;
}
.clander {
    width: 100%;
    float: left;
    background: #fff;
    padding: 10px;
    margin-top: 226px;
    transition: ease-in all 0.4s;
}
.clander-iner {
    height: 92px;
    width: 100%;
    float: left;
    background: #f1f4f5;
    margin-bottom: 10px;
    transition: ease-in-out all 0.2s;
}  
.more p {
font-size: 14px;
color: #006;
margin: -1px 0 0 0;
}
.calc {
    text-align: center;
    background: transparent url(../images/date_points_bg.png) no-repeat scroll right -40px;
    padding: 28px 5px;
    width: 100px;
    height: 90px;
    transition: 0.2s all ease-in;
    z-index: 1;
}
.calc p {
    font-size: 18px;
    color: #FFF;
    margin: 0px;
    font-weight: bold;
}
.calc1 img {
    width: 82%;
    margin-top: 10px;
}
.calc:hover {
    background: transparent url(../images/date_points_bg.png) no-repeat scroll right -20px;
}
.more h2 {
    font-size: 24px;
    color: #003063;
    font-weight: bold;
}
.more img {
    transition: ease-in all 0.2s;
}

.contry {   
    background: #DfDfDf;
    top: 8px;
	width:16%;
}
.contry img {
    position: relative;
    right: -27%;
    width: 100%;
    height: 61px;
}
.buttene {    
    background: #00b4e1;
    text-align: center;
    padding: 6.3px 3px;
    margin: 27px 3px 0 0 !important;
    font-size:5px;    
    transition: all 0.4s ease-in;
}
.buttene:hover {    
    background: red;

}     
.buttene a {
    text-decoration: none;
}
.evants {
	width: 62%;
	position: absolute;
	font-size: 36px;
	top: 96px;
	color: #FFF;
	font-weight: bold;
    transition: ease-in-out all 0.4s;
}
.evants1 {
	width: 62%;
	position: absolute;
	font-size: 36px;
	top: 96px;
	color: #FFF;
	font-weight: bold;
	left: 287px;
    transition: ease-in-out all 0.4s;
}
.over {
    width: 100%;
    float: left;
    background-color: rgba(14, 14, 14, 0.80);
    padding: 68px 10px;
}
.clints {
	width: 100%;
	float: left;
	margin-top: 10px;
}
.clints img
{
    border-right: 1px solid #666;
	float:left;
	margin-right:5px;
}
.clant {
	font-size: 36px;
	position: absolute;
	color: #FFF;
	font-weight: bold;
	left: 133px;
	z-index: 999;
	margin-top: 62px;
}
.clints img {
	width: 18%;
	float: left;
	height: 117px;
	margin-right: 22px;
	padding: 5px;
	}
.coming-soon-footer
{
    position: relative;
    background: url(../images/comingup.png) no-repeat;
    background-size: contain;
    width: 560px;
    height: 172px;
    left: -40px;
}
.footer {
    background-color: rgba(14, 14, 14, 0.90);
	width:100%;
	float:left;
    padding: 20px 10px;
}
.footer img {
    padding: 10px;
    margin-bottom: 5px;
}
.title h2
{
	font-size:24px;
	color:#003063;
	font-weight:bold;
	
}
.fottter h2 {
    font-size: 28px;
    color: red;
    font-weight: bold;
    margin-bottom: 30px;
    border-bottom: 3px #666 double;
    padding-bottom: 20px;
}
.fottter p
{
font-size: 18px;
color: white;    
margin: 0 0 15px 0;    
}
.fottter i {
    font-size: 25px;
}
.foott
{
	margin-left:63px;
}
.foott img
{
	width:100%;
}
.bubu {
	width: 80%;
	float: right;
	padding: 10px;
	text-align: center;
	background: #00b4e1;
	color: #fff;
	font-size: 16px;
}
.bubu:hover
{
	background:#000;
	cursor:pointer;
}
.icone
{
	text-align:center;
}
.icone i
{
font-size: 40px;
color: #003063;
margin-bottom: 10px;
}
.icone
{
	color:#003063;
	text-align:center;
}
.footer2 {
 padding: 30px 10px;
    float: left;
    background: #dbe5e7;
    width: 100%;
}
    .evants {
        position: absolute;
        background:url(../images/comingup.png) no-repeat;
        background-size: contain;
        width: 560px;
        height:172px;
        top: 0px;
        right: 120px;
        transition: 0.5s ease-in-out all;    
    }
    .evants h3, .evants1 h3{
        font-size: 35px;
    }
    .evants h3 {
        position: absolute;
        left: 140px;
        top: 50px;
    }
    .evants1 h3 {
        position: absolute;
        right: 190px;
        top: 50px;
    }
    .evants1 {
        position: absolute;
        background:url(../images/comingupright.png) no-repeat;
        background-size: contain;
        width: 560px;
        height:172px;
        top: 0px;
        left: 110px;
        transition: 0.5s ease-in-out all;    
    }
.result-clander h5 {
    text-align:center; 
    font-size:20px; 
    margin:0px; 
    padding:2px 0px; 
    color:#003063;
}
.result-clander .geri-image {
    float: left;
    margin-right: 10px;
    width: 33%;
    height: auto !important;
    margin-top: 20px;
}
.up-clander .contry h5 {
    text-align:center; 
    font-size:20px; 
    margin:0px; 
    padding:2px 0px; 
    color:#003063;
}
.up-clander .more img {
    float: left;
    margin-right: 15px;
    width: 33%;
    height: auto !important;
    margin-top: 10px;
} 
.result-clander h2 {
    font-size:17px; 
    margin:15px 0px 10px 0px;
}
.result-clander .buttene {
    width: 22%; 
    font-size:16px;     
    margin: 22px 3px 0 0;
}
.contry {
    float:right;
}

    .clander-iner
    {
        border:1px #999 solid;
    }
    .clander-iner:hover
    {
        background:#e5ecef;
        cursor:pointer;
        border:1px #999 solid;
    }
           .clander-iner:hover .calc
    {
            background: transparent url(../images/date_points_bg.png) no-repeat scroll right -20px;

    }
/*========================================================
Additional style by second developer Allen Titan
==========================================================*/
    .visibiltiy {
        display: none;
    }  
    .fb-comments span {
        width: 100% !important;
    } 
    blockquote {
        color: white;
    }     
/*----------Search Button---------*/
.search {
    position: absolute;
    top: 135% !important;
    right: 46% !important;
    z-index: 99999;
    background: #333;
    transition: ease-in 1s all;
}

.fbkomentari, .fb-comments, .track-map iframe, .track-map img {
    width: 100% !important;
}

.buttons a:first-child img {
    margin-bottom: 10px !important;
    margin-right: 10px !Important;
    margin-top: 10px !Important;
}
.buttons a:nth-child(2) img {
    margin-bottom: 10px !important;
    margin-left: 10px !Important;
    margin-top: 10px !Important;
}
.track-map {
    border-radius: 10px;
    width: 100% !important;
    background-color: rgba(14, 14, 14, 0.70);
border-radius:10px;
}
.search > input {
    width: 300%;
    height: 50px;
    font-size: 18px;
    transition: ease-in 1s all;
}
.src-submit {
    position: absolute;
    top: 149% !important;
    right: 18% !important;
    z-index: 99999;
    color: #fff;
}
.src-submit input{
    background: #333;
    border: none;
    padding:8px;
    width: 120%;
}
.search {
    display: none;
    transition: ease-in 1s all;
}
.search-show {
    display: block !important;
    transition: ease-in 1s all;
}
.more img { 
    float: left;
    margin-right: 15px;
    width: 33%;
    height: auto !important;
    margin-top: 10px;
}
#result {
    position: absolute;
    top: 124px;
    right: 13.3% !important;
    font-size: 15px;
    color: #fff;
    width: 49.1% !important;
    background-color: rgba(50, 55, 61, 0.95);
	border-radius:10px;
}
#result li {
    list-style: none;
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #666;
}
#result a {
    color: #fff;
}
#result a:hover {
    color: red;
    text-decoration: none;
}
#result {
    max-height: 450px;
    overflow-y: auto;
}
#result::-webkit-scrollbar {
    width: 12px;
}
 
#result::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #000; 
    border-radius: 10px;
}
 
#result::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #2AFFED; 
}
.pdf_folders {
    margin-left: 15.3%;
}
.result-sheet {
    width: 95%;
}
.result-pdf {
    width: 75%;
}
.dir-list {
    margin-left: 17.2% !important;
    width: 65%;
}
.track-map {
    margin-left: 28%;
}

/*Custom Facebook fonts*/
.pluginFontArial, 
.pluginFontArial button, 
.pluginFontArial input, 
.pluginFontArial label, 
.pluginFontArial select, 
.pluginFontArial td, 
.pluginFontArial textarea {
    color: #fff !important;
}
.map-inner {
    width:220px; 
    line-height: 100%; 
    margin-top:30px;
    margin-left: -30%;
}

.championship, .track-address
{
    position: relative;
    background:url(../images/comingup.png) no-repeat;
    background-size: contain;
    width: 560px;
    height:172px;
    top: 4px;
    left: -30px;
    transition: 0.5s ease-in-out all;
}
.championship h3 {
    font-size: 40px;
    font-weight: bolder;
    position: absolute;
    top: 38px;
    left: 130px;
}
.champ-inner {
    margin-top: 20px !important;
    margin-left: 35%;
    font-size: 15pt;
    background-color: rgba(14, 14, 14, 0.60);
	border-radius:10px;
}
.track-add-details {
    background-color: rgba(14, 14, 14, 0.60);
	border-radius:10px;
	width:100%;
}
.map-inner
{
    background-color: rgba(14, 14, 14, 0.60);
	border-radius:10px;
	width:100%;
}
.up-clander .more h2{
    font-size: 16px;
    width: 100%;
}
.track-address h3 {
    font-size: 35px;
    position: absolute;
    top: 45px;
    left: 220px;
}
.official {
    position: relative;
    background:url(../images/comingupright.png) no-repeat;
    background-size: contain;
    width: 560px;
    height:172px;
    right: 190px;
    transition: 0.5s ease-in-out all;

}
.official h3 {
    position: absolute;
    font-size: 35px;
    top: 47px;
    right: 90px;
}
.official-inner {
    margin-top: 30px !important;
    margin-left: -150px !important;
background-color: rgba(14, 14, 14, 0.60);
border-radius:10px;

}
.track-map-bg {
    position: relative;
    background:url(../images/comingupright.png) no-repeat;
    background-size: contain;
    width: 560px;
    height:172px;
    top: 0px;
    right: 120px;
    transition: 0.5s ease-in-out all;    
}
.track-map-bg h3{
    font-size: 35px;
    position: absolute;
    top: 42px;
    right: 290px;
}
.track {
    float: left;
}
.map {
    float: right;
}
.track-bg {
    position: relative;
    background:url(../images/comingup.png) no-repeat;
    background-size: contain;
    width: 560px;
    height:172px;
    left: -40px;
    top: 15px;
    transition: 0.5s ease-in-out all;
}
.track-bg h3 {
    position: absolute;
    top: 45px;
    left: 270px;
    font-size: 32px;
    color: #fff;
}

.track-map {
    text-align: center;
    margin-left: 80%;
}

.buttons a img {
    margin-bottom: 10px !important;
}
.currentfolder > a:first-child {
    visibility: hidden;
}
    .by-footer {
        position: relative;
        top: 100px;
    }
.dir-list center h2{
    color: #CCCCCC; 
    visibility: hidden; 
}
    .official-inner p a{
        font-size: 16pt;
    }    
/*************************************************************
Let's Make It Responsive
**************************************************************/
@media (min-width: 992px) {  /*Tab*/
    .app-link-mb {
        display: none;
    }
    .dir-list {
        
        border-radius: 10px !important;
        background-color: rgba(14, 14, 14, 0.90);
		
    }    
}
@media (max-width: 992px) {  /*Tab*/

    .official {
        position: relative;
        background:url(../images/comingupright.png) no-repeat;
        background-size: contain;
        width: 560px;
        height:172px;
        right: -30px;
        transition: 0.5s ease-in-out all;

    }
    .block {
        background-color: #000;
    }
    .block:first-child {
        margin-top: 0 !Important;
    }
    .track-map {
        width: 70% !Important;
        text-align: center;
        margin-left: 16%;
    }

	.contry img {
	    width: 61% !important;
	    height: auto !important;
	}

    .search {
        position: absolute;
        top: 150% !important;
        right: 30% !important;
        z-index: 99999;
    }    
    .search > input {
        width: 190%;
    }
    #result {
        top: 130px;
        right: 7.3% !important;
        font-size: 15px;
        color: #fff;
        width: 49.1% !important;
    }
    .app-link {
        visibility: hidden;
    }
    .cical img {
        width: 40px;
    }
    .longlesscontent {
        margin-top: 10px;
        padding: 0;
    }
    .time {
        
        height: 75px;
    }
    .time p {
        font-size: 15px;
    }
    .royal {
        visibility: hidden;
    }
    .royal-mb {
        border-bottom: 4px solid #000;
        border-top: 8px double #000;
    }
    .united {
        position: absolute;
        top: 100px !important;
        left: 30%;
    }
    .cical {
        display: none;
    }
    .united img {
        width: 40px;
        height: 25px;
    }
	.united p {
    font-size: 15px;
    color: #fff;
}
    .track {
        position: absolute;
        top: 115px !important;
        right: 7% !important;
    }
    .track-path {
        position: relative;
        top: 190px !important;
        right: 10% !important;
    }    

    .more img {
        position: absolute;
        top: -45px !important;
        left: 100px !important;
        margin-right: 15px;
        width: 40px  !important;
        height: 40px !important;
        margin-top: 10px;
    }    
    .contry img{
        position: absolute;
        top: -86px !important;
        right: 10px !important;
        width: 40px !important;
        height: 40px !important;
    }
    .contry {   
        background: #e5ecef;
    }    
	.calc {
	    width: 100px;
		padding: 20px 0px;
		padding-right: 10px;
	}
	.calc p {
    font-size: 15px;

	}	
    .contry h5 {
        position: absolute;
        top: -43px !important;
        right: 14px !important;
    }    
    .more h2 {
        width: 70%;
        position: absolute;
        top: -95px !important;
        left: 100px !important;
    }
	.up-clander .more h2 {
		        font-size: 23px;
    }
	.up-clander .contry h5 {
    font-size: 22px;
    padding: 1px 0px;
}
    .more p {
        position: absolute;
        top: -30px !important;
        left: 150px !important;
        font-size: 20px;
    }   
    .result-clander .more p {
        position: absolute;
        top: -33px !important;
        left: 100px !important;
        font-size: 15px;
    }
	.result-clander .more p {

    font-size: 18px;
	}	
	.result-clander h2 {
    font-size: 22px;
    margin: 20px 0px 10px 0px;
	}	
    .buttene {
        margin: 2px 3px 0 0 !important;
        position: relative;
        top: -40px;
        right: -420px;
			background: red;
    }


    .evants, .evants1 {
        left: 15% !important;
        top: 30px;        
    }
    .clander {
        position: relative;
        margin-top: 130px;
    }
    .result-clander > .clander-iner > .contry {
        position: relative;
        top: -25px;
    }
    .result-clander > .clander-iner > .more img{
        position: absolute;
        top: -56px !important;
        left: 10px;
    }    
    .result {
        background-image: none !important;
    }

    .clant {
        margin-top: 0;
        left: 38%;        
    }
    .clints {
        margin-top: 10px;
    }
    .evants1 {
        position: absolute;
        top: -80px;
        left: 150px;
        z-index: 999999;
    }   
    .over {
        padding: 20px 10px;
        padding-bottom: 85px;
    }    /*
    .footer {
        position: relative;
        top: 750px;
    }*/
    .app-link-mb {
        z-index: 9999;
        text-align: center;
        top: 35px;
    }
    .app-link-mb img{
        width: 280px;
    }    
    .track-map {
        width: 50% !Important;
        position: relative;
        top: 25px;
        left: 80px;
        text-align: center;
        margin-left: 16%;
    }
    .track-bg {
        top: -30px;
    }
}

@media (max-width: 581px) {
	.contry img {
	    width: 61% !important;
	    height: auto !important;
	}    
    .app-link-mb img{
        width: 270px;
    }    
    .app-link-mb {
        z-index: 9999;
     
        text-align: center;
        top: 35px;
    }


}
@media (max-width: 562px) {
	.contry img {
	    width: 61% !important;
	    height: auto !important;
	}
    .app-link-mb img {
        width: 200px;
    }    
    .app-link-mb {
        z-index: 9999;
        text-align: center;
        top: 25px;
    }/*
    .over {
        position: relative;
        top: 920px !important;
    }*//*
    .footer {
        position: relative;
        top: 870px !important;
    }   */     

}
@media (max-width: 770px) {
    .official-inner {
        margin-top: 30px !important;
        margin-left: 50px !important;
    }
}
@media (max-width: 738px) {
    .champ-inner {
        font-size: 14pt;
    }
    .official-inner p a {
        font-size: 13.3pt;
    }
    .track-path {
        position: relative;
        top: 0 !important;
        right: 5% !important;
    }
    .track-map-bg {
        position: relative;
        top: 0px;
        right: -30px;
    }
    .map-inner {
        margin-top:30px;
        margin-left: 0%;
    }
    .buttene {
        position: relative;
        right: -390px;
    }  
    .up-clander {
        top: 40px !important;
    }
    .evants {
        top: -20px !important;
        left: -15px !important;
    }
    .result-clander {
        margin-top: 250px !important;
    }    
    .evants1 {
        top: -190px !important;
        left: 140px !important;        
    }
    .official {
        right: -40px !important;
    }
    .official-inner {
        margin-left: 170px !important;
    }    

	.contry img {
	    width: 45px !important;
	    height: 45px !important;
        position: absolute;
        top: -92px !important;   
	}    
    .champ-inner {
        margin-left: 20%;
    }        
    .contry h5 {
        position: absolute;
        top: -48px !important;
        right: 20px !important;
        text-align: center !important;
    }    
    .championship h3 {
        left: 140px;
    }
    .track-address {
        position: relative;
        background: url(../images/comingup.png) no-repeat;
        background-size: contain;
        width: 560px;
        height: 172px;
        top: 40px;
        left: -30px;
        transition: 0.5s ease-in-out all;
    }    
    .track-map {
        width: 70% !Important;
        margin-left: 4%;
    }    
}
@media (max-width: 702px) {
	.contry img {
	    width: 45px !important;
	    height: 45px !important;
        position: absolute;
        top: -92px !important;   
	}    
    .contry h5 {
        position: absolute;
        top: -48px !important;
        right: 20px !important;
        text-align: center !important;
    }        
    .buttene {
        position: relative;
        right: -370px;
    }
    .search {
        position: absolute;
        top: 120% !important;
        right: 35% !important;
        z-index: 99999;
    }    
    .search > input {
        width: 190%;
        height: 38px;
    }
    #result {
        top: 130px;
        right: 7% !important;
        font-size: 15px;
        color: #fff;
        width: 60.1% !important;
    }    
}
@media (max-width: 675px) {    
    .track {
        top: 150px !important;
        right: 5% !important;
    }
    .buttene {
        position: relative;
        right: -350px;
    }    
	.contry img {
	    width: 45px !important;
	    height: 45px !important;
        position: absolute;
        top: -92px !important;   
	}    
    .contry h5 {
        position: absolute;
        top: -48px !important;
        right: 20px !important;
        text-align: center !important;
    }
    .evants1 {
        left: 55px !important;       
    }            
}
@media (max-width: 645px) {
    .buttene {
        position: relative;
        right: -330px;
    }
    .track-map {
        text-align: center;
        margin-left: 10%;
    }
    .united {
        position: absolute;
        top: 50px !important;
    }    
    .track {
        top: 100px !important;
        right: 0% !important;
    }    
	.contry img {
	    width: 45px !important;
	    height: 45px !important;
        position: absolute;
        top: -92px !important;   
	}    
    .contry h5 {
        position: absolute;
        top: -48px !important;
        right: 20px !important;
        text-align: center !important;
    }        
}
@media (max-width: 610px) {
    .champ-inner {
        font-size: 11pt;
    }
    .dir-list {
        margin-left: 0.2% !important;
        width: 100%;
    }        
    .official-inner p a {
        font-size: 11pt;
    }
    .track-bg h3 {
        position: absolute;
        top: 20px;
        left: 150px;
        font-size: 32px;
        color: #fff;
    }
    .track-map {
        margin-left: 4%;
        top: -38px;
    }
   .buttene {
        position: relative;
        right: -320px;
    }    
    .evants {
        top: 40px;
        font-size: 30px;
        left: 15% !important;    
    } 
    .clant {
        left: 15% !important;
    }
    .evants {
        left: -20px !important;
    }    
	.contry img {
	    width: 45px !important;
	    height: 45px !important;
        position: absolute;
        top: -92px !important;   
	}    
    .contry h5 {
        position: absolute;
        top: -48px !important;
        right: 20px !important;
        text-align: center !important;
    }    
    .evants,
    .evants1,
    .official,
    .championship,
    .track-map-bg,
    .track-address,
    .track-bg {
        width: 380px;
    }
    .track-address {
        top: -13px;
    }
    .track-address h3 {
        font-size: 35px;
        position: absolute;
        top: 20px;
        left: 120px;
    }
    .track-map-bg h3 {
        font-size: 35px;
        position: absolute;
        top: 20px;
        right: 140px;
    }
    .track-add-details {
        margin-top: -50px !important;
    }
    .map-inner {
        margin-top: -30px;
        margin-left: -20%;
    }
    .official h3 {
        font-size: 15pt;
        top: 25px;
        right: 80px;
    }
    .championship h3 {
        font-size: 15pt;
        top: 25px;
        left: 150px;
    }    
    .official-inner {
        margin-top: -20px !important;
        margin-left: 40px !important;
    }
    .champ-inner {
        margin-top: -20px !important;
        margin-left: 10%;
    }
    .evants h3 {
        position: absolute;
        left: 100px;
        top: 25px;
        font-size: x-large;
    }
    .evants1 {
        left: 200px !important;
        top: -140px !important;
    }    
    .evants1 h3 {

        right: 170px;
        top: 25px;
        font-size: x-large;
    }
    .up-clander {
        top: -10px !important;
    }
    .result-clander {
        margin-top: 150px !important;
    }

}
@media (max-width: 570px) {

    /*.over {
        position: relative;
        top: 990px !Important;
    }*/
    .coming-soon-footer {
        position: relative;
        top: 50px;
    }
    .over {
        padding: 20px 10px;
        padding-top: 0;
/*        padding-bottom: 165px;*/
    }
    .clant {
        top: 45px;
        font-size: 25px !important;
    }
    .search {
        position: absolute;
        top: 120% !important;
        right: 30% !important;
        z-index: 99999;
    }    
    .search > input {
        width: 170%;
        height: 38px;
    }    
    .coming-soon {
        top: 160px;
        width: 380px;
        height: 172px;
    }    
     .coming-soon-footer {
        width: 380px;
        height: 172px;    
     }
    .coming-soon h2 {
        position: absolute;
        font-size: 25px;
        top: -25px !important;
        left: -75px !important;
    }    
    .coming-soon {
        width: 380px;
        height: 172px;
    }
    .main-slide {
        height: 300px;
    }
    .evants1 {
        left: 150px !important;
        top: -140px !important;
    }    

    .buttene {
        position: relative;
        left: 310px;
        top: -42px;
        width: 20% !important;
    }        
    .result-clander > .clander-iner {
        height: 92px;
    }/*
    .over {
        position: relative;
        top: 850px;
    }*//*
    .footer {
        position: relative;
        top: 880px;
    }   */ 
    .contry img{
        position: absolute;
        top: -80px !important;
        right: 10px !important;
        width: 25px !important;
        height: 25px !important;
    }    
	.contry img {
	    width: 45px !important;
	    height: 45px !important;
        position: absolute;
        top: -92px !important;   
	}    
    .contry h5 {
        position: absolute;
        top: -48px !important;
        right: 20px !important;
        text-align: center !important;
    }    
    .track-map {
        margin-left: 0;
    }
}
@media (max-width: 540px) {
    .search {
        position: absolute;
        top: 120% !important;
        right: 17% !important;
        z-index: 99999;
    }
    .fbkomentari, .fb-comments, .track-map iframe, .track-map img {
        width: 100% !important;
    }
    .evants1 {
        left: 120px !important;
        top: -140px !important;
    }    
    .search > input {
        width: 130%;
        height: 28px;
    }
    #result {
        top: 130px;
        right: 2% !important;
        font-size: 15px;
        color: #fff;
        width: 60.1% !important;
    }    
	.contry img {
	    width: 45px !important;
	    height: 45px !important;
        position: absolute;
        top: -92px !important;   
	}    
    .contry h5 {
        position: absolute;
        top: -48px !important;
        right: 20px !important;
        text-align: center !important;
    }
    .track-add-details {
        margin-left: 15%;
    }
    .map-inner {
        margin-left: -15%;
    }

}
@media (max-width: 540px) {
    .evants1 {
        left: 100px !important;
        top: -140px !important;
    }    

}
@media (max-width: 480px) {
    .result-clander .more p {
        position: absolute;
        top: -25px !important;
        left: 80px !important;
        font-size: 15px;
    }    
    .track-address h3 {
        font-size: 35px;
        position: absolute;
        top: 5px;
        left: 100px;
    }
    .track-map-bg h3 {
        font-size: 35px;
        position: absolute;
        top: 5px;
        right: 120px;
    }
    .track-bg h3 {
        top: 5px;
        left: 100px;
    }
    .search {
        right: 36% !important;
    }
    #result {
        top: 100px;
        right: 20.5% !important;
        width: 60.1% !important;
    }    
    .custom-no-padding {
        padding: 0 !important;
    }
    .main-slide {
        height: 300px;
    }
    .coming-soon h2 {
        position: absolute;
        font-size: 20px;
        top: -35px !important;
        left: -55px !important;
    }    
    .coming-soon,
    .evants,
    .evants1,
    .official,
    .championship,
    .track-map-bg,
    .track-address,
    .track-bg,
    .coming-soon-footer {
        width: 300px;
        height: 172px;
    }
    .map-inner {
        margin-left: -40%;
    }
    .track-add-details {
        margin-left: 17% !Important;
    }
    .official h3 {
        font-size: 15pt;
        top: 15px;
        right: 30px;
    }
    .championship h3 {
        font-size: 15pt;
        top: 15px;
        left: 90px;
    }
    .evants h3{
        left: 80px;
        top: 15px;
    }
    .evants1 h3 {
        right: 120px;
        top: 15px;
    }
    .evants1 {
        left: 140px !important;
        top: -110px !important;
    }
    .result-clander {
        margin-top: 120px !important;
    }    
    .map-inner iframe {
        width: 300px !important;
    }
    .map-inner {
        margin-left: -22%;
    }
    .track img {
        width: 120px;
        height: 120px;
    }        
    .more h2 {
        font-size: 19px !important;
		width: 55% !important;
		left: 80px !important;
		top: -95px !important;
    }
	.more p {
		font-size: 15px;
		left:110px !important;
	}
	.more img {
		width:40px !important;
		left: 70px !important;
	}
    .clander-iner {
        height: 92px;
    }   
	.result-clander > .clander-iner {
    height: 92px;
	}
	.col-md-2 a {
	font-size: 12px;
	}
	.buttene {
    width: 24% !important;
	left: 200px;
	top: -35px;
	padding: 1.3px 2px;
	background: red;

	}	
	.calc {
	    width: 80px;
		padding: 20px 0px;
		padding-right: 10px;
	}
    .timing {
        display: inline;
        width: 45%;
        float: left;
        cursor: pointer;
        text-align: center;
        padding: 5px 4px;
        background: #b81e20;
        margin: -20px 10px 10px 0px;
        transition: ease-in-out all 0.4s;        
    }
  

    .up-clander .contry img {
        top: -80px !important;
    }
    .up-clander .contry h5 {
        font-size: 16px !important;
        position: absolute;
        top: -35px !important;
        z-index: 9999;
    }    
    .contry {
        top: -10px !important;
    }
    .up-clander .contry {
        top: 0px !important;
    }    
    .evants, .clant {
        font-size: 33px;        
    }  /*  
    .footer {
        top: 1030px !important;
    }  */  
    .coming-soon-footer {
        position: relative;
        top: 20px;
    }
    .clant {
        top: 35px;
        font-size: 20px !important;
    }
    .clints {
        margin-top: 10px;
        top: -40px;
    }
	.contry img {
	    width: 45px !important;
	    height: 45px !important;
        position: absolute;
        top: -102px !important;   
	}    
    .contry h5 {
        position: absolute;
        top: -48px !important;
        right: 20px !important;
        text-align: center !important;
    }        
    .coming-soon h2 {
        left: -75px !important;
    }

}
@media (max-width: 450px) {
    .champ-inner {
        font-size: 9pt;
    }
    .official-inner p a {
        font-size: 11pt;
    }
    .evants1 {
        left: 110px !important;
    }
    .pdf_folders {
        margin-left: 14%;
    }
}
@media (max-width: 430px) {
    .evants1 {
        left: 100px !important;
    }
    .map-inner iframe {
        width: 280px !important;
    }
    .map-inner {
        margin-left: -5%;
    }
    .track-add-details {
        margin-left: 10% !Important;
    }
    .evants, .clant {
        font-size: 27px;        
    }
    .app-link-mb img {
        width: 150px;
    }
    #result {
        top: 100px;
        right: 20.5% !important;
        width: 70.1% !important;
    }    
	.contry img {
	    width: 45px !important;
	    height: 45px !important;
        position: absolute;
        top: -102px !important;   
	}    
    .contry h5 {
        position: absolute;
        top: -58px !important;
        right: 20px !important;
        text-align: center !important;
    }           
    .more h2 {
        font-size: 20px;
        width: 55% !important;
    }
    .more img {
        top: -40px !important;
    }
    .pdf_folders {
        margin-left: 12%;
    }

}
@media (max-width: 410px) {
    .united {
        position: absolute;
        top: 85px !important;
    }
    .evants1 {
        left: 80px !important;
    }
    .pdf_folders {
        margin-left: 10%;
    }
}
@media (max-width: 380px) {
    .evants1 {
        left: 60px !important;
    } 
    .pdf_folders {
        margin-left: 11%;
    }    
    .map-inner {
        margin-left: 6%;
    }
    .app-link-mb {
        z-index: 9999;
        text-align: center;
        top: 55px;
    }     
}
@media (max-width: 370px) {
    
    .track-add-details {
        margin-left: 2% !Important;
    }
    .evants1 {
        left: 30px !important;
    } 
    .search {
        right: 25% !important;
    }
    #result {
        top: 100px;
        right: 5% !important;
        width: 90% !important;
    }    
    .timing {
        padding: 5px 0;
    }
    .timing p{
        font-size: 15px;
    }   
    .buttene {
        width: 44% !important;
    }        
    .more h2 {
        font-size: 15px !important;
    }
    .champ-inner {
        margin-left: -3%;
        margin-top: -60px !important;
    }
	.contry img {
	    width: 30px !important;
	    height: 30px !important;
        position: absolute;
        top: -65px !important;   
	}    
    .contry h5 {
        font-size: 12px !important;
        position: absolute;
        top: -30px !important;
        right: 17px !important;
        text-align: center !important;
    }
    .up-clander .contry h5 {
        font-size: 13px !important;
        position: absolute;
        top: -50px !important;
        z-index: 9999;
    }    
	.up-clander .contry {
    top: 11px !important;
	background: #DfDfDf;

	}
/*    .result-clander > .clander-iner > .contry h5 {
        position: absolute;
        top: -72px !important;
        right: 15px !important;
    }*/
    .evants {
        top: 40px;
        font-size: 22px;
        text-align: center;        
    }
    .evants1 {
        font-size: 22px;        
    }    
    .up-clander .more p {
        left: 110px !important;
    }
    .result-clander .more p {
        left: 100px !important;
    }
    .app-link-mb {
        z-index: 9999;
        text-align: center;
        top: 30px;
    }    
    .pdf_folders {
        margin-left: 7%;
    }
    .result-clander .more p {
        position: absolute;
        top: -25px !important;
        left: 80px !important;
        font-size: 12px;
    }
    .track-map {
        margin-left: 0 !IMPORTANT;
        width: 100% !important;
        left: 0px;
    }

}
@media (max-width: 370px) {
    .evants1 {
            left: 50px !important;
    } 
    .by-footer {
        position: relative !important; 
    }
    .pdf_folders {
        margin-left: 9%;
    }        
}
}
@media (max-width: 345px) {
    .pdf_folders {
        margin-left: 5%;
    }
    .map-inner {
        margin-left: 5%;
    }    
}
@media (max-width: 325px) {
    .pdf_folders {
        margin-left: 5%;
    }    
    .app-link-mb {
        z-index: 9999;
        text-align: center;
        top: 45px;
    }     
    .evants1 {
        left: 10px !important;
    }
    .map-inner {
        margin-left: 4%;
    }
}
@media (min-width: 992px) {
    .visibiltiy {
        display: none;
    }

    .heading-royal-mb, .royal-mb{
        display: none;
    }
    .contry {
        top: 0;
        height: 100%;
    }
	.contry img {
        top: 14px;
	    width: 50% !important;
	    height: auto !important;
	} 
    .contry h5 {
        position: relative;
        right: -2px !important;
        top: 14px;
    }     
    .result-clander .more p {
        position: absolute;
        top: 60px;
    }
    .up-clander .more p {
        position: absolute;
        top: 54px;
        left: 120px;
    }    
    .calc p {
        position: relative;
        top: -9px !important;
        left: -5px;
}

}

        @media only screen and (max-width: 800px) { /*.wrap { padding: 15px; }*/ }
        h1 { text-align: center; margin: 1px 0; font-size: 13px; font-weight: bold; color: #fff; }
        .block a { color: #fff; text-decoration: none; } .block a:hover { color: #f8f8f8; text-decoration: none; }
        .note { padding:  0 5px 25px 0; font-size:80%; color: #666; line-height: 18px; }
        .block { clear: both;  min-height: 50px; border-top: solid 1px #333333; }
        .block:first-child { margin-top: 25px; border-top: solid 3px #fff;}
        .block .img {  width: 50px; height: 50px; display: block; float: left; margin-right: 10px; background: transparent url(https://www.speed-timing.hr/images/icons.png) no-repeat 0 0; }
        .block .date { margin-top: 3px; font-size: 70%; }
        .block .file { font-size: 18px; }

        .block a { display: block; padding: 10px 15px; transition: all 0.35s; }
        .block a:hover { text-decoration: none; background: #666666; }
        .block a:active { color: #00b4e1; }
        .block a:visited {  color: #00b4e1; }
        .block a:checked {  color: #00b4e1; }           
        .jpg, .jpeg, .gif, .png { background-position: -50px 0 !important; } 
        .pdf { background-position: -100px 0 !important; }  
        .txt, .rtf { background-position: -150px 0 !important; }
        .xls, .xlsx { background-position: -200px 0 !important; } 
        .ppt, .pptx { background-position: -250px 0 !important; } 
        .doc, .docx { background-position: -300px 0 !important; }
        .zip, .rar, .tar, .gzip { background-position: -350px 0 !important; }
        .swf { background-position: -400px 0 !important; } 
        .fla { background-position: -450px 0 !important; }
        .mp3 { background-position: -500px 0 !important; }
        .wav { background-position: -550px 0 !important; }
        .mp4 { background-position: -600px 0 !important; }
        .mov, .aiff, .m2v, .avi, .pict, .qif { background-position: -650px 0 !important; }
        .wmv, .avi, .mpg { background-position: -700px 0 !important; }
        .flv, .f2v { background-position: -750px 0 !important; }
        .psd { background-position: -800px 0 !important; }
        .ai { background-position: -850px 0 !important; }
        .dir { background-position: -950px 0 !important; }
        
        .sub { margin-left: 20px; border-left: solid 1px #ECE9E9; display: none; }

/*.track-and-address {
    position: relative !important;
    top: 300px;
}
.result {
    position: relative !important;

}*/

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .track-and-address {
        top: 50px;
    }
    .track-map {
        text-align: center;
        margin-left: 80%;
        position: relative;
        top: 40px;
    }
    .official {
        position: relative;
        background:url(../images/comingupright.png) no-repeat;
        background-size: contain;
        width: 500px;
        height:172px;
        right: 220px;
        transition: 0.5s ease-in-out all;
    }
    .championship, .track-address {
        position: relative;
        background: url(../images/comingup.png) no-repeat;
        background-size: contain;
        width: 500px;
        height: 172px;
        top: 4px;
        left: -30px;
        transition: 0.5s ease-in-out all;
    }
    .official h3 {
        position: absolute;
        font-size: 30px;
        top: 40px;
        right: 90px;
    }
    .championship h3 {
        font-size: 30px;
        font-weight: bolder;
        position: absolute;
        top: 38px;
        left: 130px;
    }
    .result-clander .contry {
        top: -62px;
    }
    .result-clander .buttene a {
    font-size: 12px;
    padding: 0 0 0 0 !Important;
    }    
    .result-clander .buttene {
        width: 19% !important;
        left: -7px;
		top: 20px;
    }
    .evants {
        right: 20px;
    }
    .evants1 {
        left: 20px;
    }
    .app-link {
        right: 20px;
    }
}

@media only screen and (min-width: 840px) and (max-width: 992px) {
.track-address {
    position: relative;
    background: url(../images/comingup.png) no-repeat;
    background-size: contain;
    width: 560px;
    height: 172px;
    top: -140px;
    left: 20px;
    transition: 0.5s ease-in-out all;
}
.track-map-bg {
    position: relative;
    background: url(../images/comingupright.png) no-repeat;
    background-size: contain;
    width: 560px;
    height: 172px;
    top: 20px;
    right: -40px;
    transition: 0.5s ease-in-out all;
}
.map {
    float: right;
    top: 0px;
}
.track-add-details {
    position: relative;
    top: -180px; 
}
.map-inner {
    width: 220px;
    line-height: 100%;
    margin-top: 30px;
    margin-left: 0%;
}
    .evants1 {
        top: -180px;
        left: 280px !Important;
    }
}
@media only screen and (min-width: 738px) and (max-width: 992px) {
.track-address {
    position: relative;
    background: url(../images/comingup.png) no-repeat;
    background-size: contain;
    width: 560px;
    height: 172px;
    top: -140px;
    left: 20px;
    transition: 0.5s ease-in-out all;
}
.track-map-bg {
    position: relative;
    background: url(../images/comingupright.png) no-repeat;
    background-size: contain;
    width: 560px;
    height: 172px;
    top: 20px;
    right: -40px;
    transition: 0.5s ease-in-out all;
}
.map {
    float: right;
    top: 0px;
}
.track-add-details {
    position: relative;
    top: -180px; 
}
.map-inner {
    width: 220px;
    line-height: 100%;
    margin-top: 30px;
    margin-left: 0%;
}
}
@media only screen and (min-width: 738px) and (max-width: 840px) {
    .evants1 {
        top: -180px;
        left: 200px !important;
    }

}
@media only screen and (min-width: 738px) and (max-width: 992px) {
    .clander {
        position: relative;
        margin-top: 190px;
    }
    .evants {
        left: -140px !important;
        top: -10px !important;
    }

}
@media only screen and (min-width: 1540px) and (max-width: 1640px) {

.track-map-bg {
    right: 20px;
}
.evants1 {
    left: 260px;
}
.evants {
    right: 240px;
}    
.official {
    right: 160px;    
}

}
@media only screen and (min-width: 1340px) and (max-width: 1500px) {
.track-map-bg {
    right: 80px;
}    
.evants1 {
    left: 150px;
}
.evants1 {
    right: 180px;
}
.evants {
    right: 160px;
}
}

@media (max-width: 380px) {
    .timing-shed {
        display: inline-flex;
        margin-left: 18%;
    }
    .royal, .royal-mb h2 {
        font-size: 16px; 
    }

    .timing-shed .time {
        margin-left: 16px;
        padding: 5px 12px;
    }
    .longlesscontent {
        margin-top: 10px;
        padding: 0;
        height: 340px;
    }
    .timing {
        padding: 5px 0;
        position: relative;
        left: 10px;
        top: 70px !important;
    }
    .track {
        top: 145px !important;
        right: 3% !important;
    }
    .united {
        position: absolute;
        left: 10px;
        top: 115px !important;
    }
    .longlesscontent-two {
        height: 360px;
    }
    .longlesscontent-two .timing {
        top: 95px !Important;
    }
	.calc {
	    width: 80px;
		padding: 20px 0px;
		padding-right: 10px;
	}
	.clander-iner {
    height: 92px;
	background: #f1f4f5;
	}
	.up-clander .contry {
    top: 0px !important;
	background: #DfDfDf;

	}	
	.more h2 {
    width: 58% !important;
    left: 80px !important;
	top: -95px !important;
	}
	
	.more p {
    font-size: 15px;
	left:110px !important;
	}
	.more img {
    width:40px !important;
	left: 70px !important;
	}
	.result-clander .more p {
    top: -25px !important;
    left: 80px !important;
    font-size: 15px;
	}
	.col-md-2 a {
	font-size: 12px;
	}
	.buttene {
    width: 24% !important;
	left: 180px;
	top: -35px;
	padding: 1.3px 2px;
	background: red;

	}
	.result-clander > .clander-iner {
    height: 92px;
	}
	.contry {
    top: -10px !important;
	}	

}
@media (max-width: 325px) {
.timing-shed .time {
    margin-left: 6px;
    padding: 5px 12px;
}

} 


/*Hard Coding Just for Directory Listing in 01_PALDAU Type Folder*/

@media (max-width: 992px) {
    .dir-list {
        margin-left: 17.2% !important;
        width: 65%;
        margin-top: 53%;
        background-color: #000;
        border-radius: 10px;
        top: -90px;
    }
    .fb-comments span {
        width: 100% !important;
    }    
}

@media (max-width: 915px) {
    .dir-list {
        margin-top: 57%;
    }

}

@media (max-width: 848px) {
    .dir-list {
        margin-top: 62%;
    }
}

@media (max-width: 782px) {
    .dir-list {
        margin-top: 65%; 
    }
    .fb-comments span {
        width: 100% !important;
    }    
}
@media (max-width: 752px) {
    .dir-list {
        margin-top: 70%;
    }
}
@media (max-width: 700px) {
    .dir-list {
        margin-top: 73%;
    }
}
@media (max-width: 660px) {
    .dir-list {
        margin-top: 75%;
        top: -120px;
    }
}
@media (max-width: 645px) {
    .dir-list {
        margin-top: 88%;        
    }
    .track-bg {
        top: -45px;
    }    
}
@media (max-width: 480px) {
    .dir-list {
        width: 90%;
        margin-left: 5% !important;
        margin-top: 88%;
        top: -90px;
    }    
}
@media (max-width: 435px) {
		table.list .right {
	display: none;
	}
		table.list .right_ {
	display: none;
	}
    .dir-list {
        top: -50px;
    }
    .track-bg {
        top: -20px;
    }    
}
@media (max-width: 400px) {
		table.list .right {
	display: none;
	}
		table.list .right_ {
	display: none;
	}
    .dir-list {
        top: -20px;
    }
    .track-bg {
        top: 10px;
    }    
}
@media (max-width: 370px) {
		table.list .right {
	display: none;
	}
		table.list .right_ {
	display: none;
	}
    .dir-list {
        margin-top: 92%;
        top: 0px;
    }
    .dir-list {
        width: 100%;
        margin-left: 0 !important;     
    }    
		.up-clander .contry {
    top: 11px !important;
	background: #DfDfDf;

	}
	.contry {
    top: -30px !important;
	}
	.buttene {
    width: 20% !important;
	left: 190px;
	top: -35px;
	padding: 1.3px 2px;
	background: red;

	}
	.col-md-2 a {
	font-size: 10px;
	}
}
@media (max-width: 325px) {
	table.list .right {
	display: none;
	}
		table.list .right_ {
	display: none;
	}

    .dir-list {
        margin-top: 95%;
        top: 0px;
    }
	    .royal, .royal-mb h2 {
        font-size: 16px; 
    }

    .timing-shed .time {
        margin-left: 6px;
        padding: 5px 12px;
    }
    .longlesscontent {
        margin-top: 10px;
        padding: 0;
        height: 340px;
    }
	.calc p {
    font-size: 15px;
}
    .timing {
        padding: 5px 0;
        position: relative;
        left: 10px;
        top: 70px !important;
    }
    .track {
        top: 145px !important;
        right: 3% !important;
    }
    .united {
        position: absolute;
        left: 10px;
        top: 115px !important;
    }
    .longlesscontent-two {
        height: 360px;
    }
    .longlesscontent-two .timing {
        top: 95px !Important;
    }
	.calc {
	    width: 80px;
		padding: 20px 0px;
		padding-right: 10px;
	}
	.clander-iner {
    height: 92px;
	background: #f1f4f5;
	}
	.up-clander .contry {
    top: 11px !important;
	background: #DfDfDf;

	}	
	.more h2 {
    width: 58% !important;
    left: 80px !important;
	top: -95px !important;
	}
	
	.more p {
    font-size: 15px;
	left:110px !important;
	}
	.more img {
    width:40px !important;
	left: 70px !important;
	}
	.result-clander .more p {
    top: -25px !important;
    left: 80px !important;
    font-size: 15px;
	}
	.col-md-2 a {
	font-size: 12px;
	}
	.buttene {
    width: 24% !important;
	left: 180px;
	top: -35px;
	padding: 1.3px 2px;
	background: red;

	}
	.result-clander > .clander-iner {
    height: 92px;
	}
	.contry {
    top: -31px !important;
	}
	.united p {
    font-size: 16px;
    color: #fff;
	}
	.col-md-2 a {
	font-size: 12px;
	}
}

.fbkomentari {
color: #3b5998;
border-bottom: 3px solid #3b5998;
display: block;
float: none;
clear: both;
padding: 5px 0;
margin-bottom: 5px;
font-size: 14px;
width: 470px;
text-align: left;
padding-left: 5px;
background-color: #f8f8f8;
font-weight:bold;
}