/*
	FLEET PAGE STYLE FILE
*/

h2 {
	color: #686868;
	font-size: 14px;
	display: inline;
}

h5 {
	color: #686868;
	font-size: 12pt;
	display: inline;
}

h6 {
	font-size: 14px;
	display: inline;
	color: #318ebc;
}

@media screen and (max-width: 625px) {
	h2, h5, h6 {
		font-size: 12pt;
	}
}

@media screen and (max-width: 360px) {
	h2, h5, h6 {
		/*font-size: 11px;*/
		font-size: 12pt;
	}
}
.tape h5 {
	color: #000;
}

.container {
	max-width: 920px;
	margin: 90px auto 0 auto;
	text-align: left;
	min-height: 100%;
}

.container h3 {
	font-size: 21px;
	text-transform: uppercase;
	padding: 0 6px 5px;
	border-bottom: 4px #036af7 solid;
	display: inline-block;
}

@media screen and (max-width: 839px) {
	.container h3 {
		font-size: 16px;
		padding: 0 6px 5px;
		border-bottom: 2px #036af7 solid;
	}
}

@media screen and (max-width: 931px) {
	.container {
		text-align: center;
	}
}

.text {
	text-align: center;
	font-size: 12pt;
	line-height: 1.5;
	padding: 0 20px;
}

.text h5 {
	color: #000;
}

@media screen and (max-width: 625px) {
	.text {
		font-size: 12pt;
	}

}

@media screen and (max-width: 360px) {
	.text {
		font-size: 12pt;
	}
}

.main-title {
	color: #333;
	font-size: 20px;
	text-align: left;
	padding-bottom: 7px;
	border-bottom: 1px #d6d6d6 solid;
	margin: 2px 22px -10px 16px;
}

.main-title a {
	cursor: default;
	padding: 0 6px 3px;
	border-bottom: 4px #036af7 solid;
}

article {
	max-width: 270px;
	margin: 27px 16px;
	display: inline-block;
	font-size: 12pt;
}

article .title {
	background: #035882;
	padding: 15px 0;
	border-top: 5px #1b8fc8 solid;
	text-align: center;
}

article .title h6, article .title h2, article .title h4 {
	font-size: 19px;
	color: #fff;
	text-transform: uppercase;
}

article .title h3 {
	font-size: 19px;
	color: #fff;
	text-transform: uppercase;
	border: none;
	padding: 0;
}
article .title a {
	color: #fff !important;
}

article .img {
	width: 270px;
	height: 180px;
	background: #fff;
}

article .img img {
	margin-top: 20px;
}

article .content {
	color: #131313;
	float: left;
	background: #fff;
}

article .price {
	text-align: right;
	color: #131313;
	background: #fff;
}

article .details {
	background: #035882;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
article .details a{
    color: #fff !important;
}
article:hover .title, article:hover .details {
	background: #0c2d3e;
	color: #fff !important;
}
article:hover .title a, article:hover .details a {
	color: #fff !important;
}
article:hover .title {
	border-top: 5px #00abff solid;
}

article:hover .content, article:hover .price {
	color: #13367d;
}

.intro {
	position: relative;
	top: -17px;
	text-align: left;
}

.intro h4 {
	display: inline;
}

table {
	max-width: 880px;
	margin: 0 20px;
}

table tr td.main-title {
	color: #333;
	font-size: 20px;
	text-align: left;
	padding-bottom: 7px;
	border-bottom: 1px #d6d6d6 solid;
	margin: 27px 22px -10px 16px;
}

table tr td.main-title a {
	padding: 0 6px 3px;
	border-bottom: 4px #036af7 solid
}

table tr td.main-title a:hover {
	border-color: #13367d;
	cursor: pointer;
}

@media screen and (max-width: 839px) {
	.intro .title {
		text-align: center;
	}
}

@media screen and (max-width: 440px) {
	.container {
		margin: 0 auto;
	}
	
	.intro {
		position: relative;
		top: -28px;
	}
	/* Edit SRC */
	#fleet-intro{
		text-indent: 30px;
	}
	/*END*/

	article {
		margin: 27px 0;
	}
}




/* Edited By SRC */


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  { 


.main-title {
    color: #333;
    font-size: 20px;
    text-align: left;
    padding-bottom: 7px;
    border-bottom: 1px #d6d6d6 solid;
    margin: 40px 22px -10px 16px;
}

#fleet-intro {
	position: relative;
	/*top: -17px;*/
        top: 20px;
	text-align: left;
    text-indent: 45px;
}


}


#fleet-intro {
	
    text-indent: 45px;
}



.important-lnk{
		margin: 38px 0px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.link-title {
        padding-right: 57px;
        color: #333;
        font-size: 20px;
        text-align: left;
        float: left;
        padding-bottom: 7px;
        border-bottom: 1px #d6d6d6 solid;
        margin: 2px 22px -10px 16px;
	
    }
    .link-title a{
    	cursor: pointer;
    	text-align: center;
    }

    @media screen and (max-width : 906px){
    .link-content{
        width: 100%;
    }
    .important-lnk ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

     li.link-title {
        padding-right: 0px;
        display: block;
        float:none !important;
        text-align: center !important;
         padding-top: 15px !important;
        }
    }