.a-trailid
{
	padding-left: 5px;
    font-family: 'Roboto-Regular';
    color: #c1272d;
    cursor: pointer;
}

.modal-header-trailid 
{
    min-height: 16.42857143px;
    padding: 15px;
    border-bottom: 0px solid #e5e5e5;
}

.closetrailid
{
	right: -5px;
    color: #3a3a3c;
    padding: 0px 20px 5px 20px !important;
    font-size: 40px !important;
    margin-top: -4px !important;
}

.modal-content-trailid
{
	/*border-top-left-radius: 125px;
    border-bottom-right-radius: 125px;*/
    border-radius:10px;
    background-color: #fbfbfb;
    margin-left: 10px;
    margin-right: 10px;
}

.h3-trailid
{
    font-family: 'Roboto-Regular';
    font-weight: 600;
    /*padding: 0px 80px 0px 80px;*/
    padding: 0px 30px 0px 30px;
    font-size: 13px;
}

.p-trailid
{
    /*padding: 0px 80px 20px 80px;*/
    padding: 0px 30px 20px 30px;
    font-size: 13px;
}

.img-trailid
{
	height: 200px;
    margin: auto;
    display: block;
}


/*Media Query*/

@media(max-width:767px){

.modal 
{
    top: 5em;
}

.modal-dialog
{
  overflow-x: hidden;
}
.modal-content-trailid 
{
    border-radius: 10px;
    background-color: #fbfbfb;
    margin-left: 0px;
    margin-right: 0px;
    width: 80%;
    margin: auto;
}

.h3-trailid 
{
    padding: 0px 10px 0px 50px;
}

.p-trailid 
{
    padding: 0px 10px 0px 50px;
}

.img-trailid 
{
    margin: auto;
    display: block;
    padding: 30px;
}

}

@media(max-width:736px){
.modal 
{
    top: 1em;
}

.modal-dialog
{
  overflow-x: hidden;
}

}


@media(max-width:414px){

.modal 
{
    top: 5em;
}

.modal-dialog
{
   overflow-x: hidden;
   margin: 0px auto;
}

/*.h3-trailid 
{
    padding: 0px 10px 0px 50px;
}

.p-trailid 
{
    padding: 0px 10px 20px 50px;
}

.img-trailid 
{
    margin: auto;
    display: block;
    padding: 30px;
}*/

}