.title-avigation{
     font-family: arial;
     font-size: 16px;
     line-height: 17px;
     color: #666666;
     text-transform: capitalize;
     border-bottom: 0.75px solid  #787878;
}

.title-avigation a{
    text-decoration: none;
    color: #666666;
}

.title-avigation-span{
     color: #42BFCE;
}

.content-left-top {
    font-family: arial;
    font-size: 12px;
    line-height: 14px;
    color: #666666;
}

.content-left-top select{
    width: 150px;
}

.content-left-mid ul li{
    width: 100%;  
    float: left;
    border-bottom: 0.75px #cccccc dotted;
    list-style-type:none;
}

.content-left-mid-mark
{
    width: 10px;
    height: 40px;
    background-color: #F5F5F5;
    margin-bottom: 25px;
    margin-right: 15px;
    margin-top: 25px;
}

.content-left-mid ul li:hover .content-left-mid-mark
{
    width: 10px;
    height: 40px;
    background-color: #282f38;
}

.content-left-mid ul li:hover .content-left-mid-a{
    text-decoration:underline;
}

.content-left-mid ul li div{
    font-family: Arial;
    font-size: 16px;
    line-height: 18px;
    float: left;
}


.content-right-head{
    font-family: Arial;
    padding-top: 15px;
    line-height: 34px;
    padding-bottom: 15px;
    font-size: 30px;
    color: #FFF;
    background-color: #4886B8;
    text-transform:uppercase;
}

.content-rightlist ul{
    font-family: Arial;
    background-color: #F5F5F5;
    list-style-type:none;
    padding-top: 10px;
    margin-top:0px;
    padding-bottom:10px; 
}

 .content-rightlist ul li{
    padding-top: 10px;
    padding-bottom:10px;
    }



.content-right-list a{
    color: #666;
    text-decoration: none;
}

.content-right-list a:hover{
    color: #4886B8;
    text-decoration: none;
}


.details-title-avigation a{
     color: #666666;
     text-decoration: none;
}


.details-content-mid{
    font-family: Arial;
    font-size: 14px;
    line-height: 18px;
    color: #3D3D3D;
}

.details-content-left-mid-div{
    float: left;
    width: 100%;
}

.details-content-mid-last-div
{
    line-height: 11px;
    font-size: 10px;
}


.details-content-left-mid a{
    text-decoration:underline;
    color: #0068A9;
}

@media only screen and (min-width: 1000px){
    .title-avigation{
        padding-top: 80px;
        margin: 0 auto;
        margin-bottom: 40px;
        max-width: 1100px;
    } 

     .details-title-banner {
        display:none;
    }

    .content-left{
        float: left;
        width:73.5%;
        margin-right:2.5%;
    }

    .content-rightlist{
        width:24%;
        margin-bottom:40px;
        text-transform: capitalize;
        float:right;
    }

    .content-left-top{
        margin-bottom: 0px;
        
    }

     .postion div{
         float: left;
     }

     .postion div:nth-child(2) div{
       margin-left: 5px;
    }

    .postion div:nth-child(3){
        text-align: right;
    }
    
     .postion select:nth-child(3){
        float: right; 
        width:40px;
    }

    .pc-content{
        margin-right: 20px;
        margin-left:  20px;
        max-width: 1100px;
        margin: 0 auto;
        margin-top:40px;
    }

    .content-left-mid-date{
        width: 16.5%;
        color: #666;
    }

    .content-left-mid-a{
        width: 60%;
        color: #3D3D3D;
    }

    .content-left-mid-address{
        width: 20%;
        text-align: right;
        color: #3D3D3D;
    }

    .content-left-mid-address,.content-left-mid-a,.content-left-mid-date{
        padding-top: 39px;
   }

   .content-left-btom{
        float: right;
        margin-top: 60px;
        text-align: right;
    }

    .content-left-btom select{
        width: 40px;
        padding-left: 5px;
    }

    .content-right-head{
        padding-left:35px;
    }

    .content-rightlist ul{
        font-size: 24px;
        line-height: 26px;
    }

    .content-rightlist ul li{
        margin-left: 35px;
    }

    .content-right-list div {
        display:none;
    }

    
    .details-title-avigation{
        font-family: arial;
        font-size: 16px;
        line-height: 17px;
        color: #666666;
        text-transform: capitalize;
        max-width: 1100px;
        border-bottom: 0.75px solid  #787878;
        margin-bottom: 40px;
        margin-right: auto;
        margin-left: auto;
    }

    .details-content-title{
        margin-bottom: 40px;
    }

    .details-content-title{
        font-family: Arial;
        font-size: 30px;
        line-height: 33px;
        color: #3D3D3D;
    }

    .details-content-left-mid{
        font-family: Arial;
        font-size: 16px;
        line-height: 20px;
        color: #3D3D3D;
    }

    .details-content-left-mid-div>span:nth-child(odd) 
    {
        width: 20%;
        float: left;
        padding-bottom: 20px;
    }

    .details-content-left-mid-div>span:nth-child(even) 
    {
        width: 80%;
        float: right;
        text-align: left;
        padding-bottom: 20px;
    }

    .details-content-left-mid-last-div
    {
        line-height: 28px;
        font-family: Arial;
        font-size: 14px;
        color: #3D3D3D;
        width: 100%;
    }

     .details-content-left-mid ul li{
       margin-left:18px;
    }
    
    .details-content-left-mid ul li:before{
        content: "●";
        color: #0068A9;
        margin-left:-18px;
        padding-right: 1%;
    }

    .details-content-left-mid ul{
        list-style-type: none;
        margin-top:0px;
    }

    .details-content-left-mid-last-div{
        float: left;
    }
}

@media only screen and (min-width: 768px)and (max-width:999px){
    .title-avigation{
        padding-top: 80px;
        margin-bottom: 40px;
        margin-left: 20px;
        margin-right: 20px;
    }


    .details-title-banner {
        display:none;
    }

    .mobile-content{
        margin-right: 20px;
        margin-left:  20px;
        margin-top: 40px;
    }

    .content-left-top{
        width: 100%;
        margin-bottom: 15px;
        margin-top: 40px;
    }

   .content-left-mid-address,.content-left-mid-a,.content-left-mid-date{
       padding-top: 38px;
   }

    .content-left-mid-date{
        width: 16%;
        color: #666;
    }

    .content-left-mid-a{
        width: 60%;
        color: #3D3D3D;
    }

    .content-left-mid-address{
        width: 20%;
        text-align: right;
        color: #3D3D3D;
    }

     .postion div{
        float: left;
     }

     .postion div:nth-child(2) div{
        margin-left: 5px;
    }

    .postion div:nth-child(3){
        text-align: right;
    }
    
     .postion select:nth-child(3){
        float: right; 
        width:40px;
    }

    .content-rightlist{
        margin-top: 80px;
        float:right;
        width:100%;
        text-transform: capitalize;
        margin-bottom:0px;
    }

    .content-right-head{
        padding-left:30px;
    }

    
    .content-rightlist ul{
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 0px;
    }


    .content-rightlist ul li{
        margin-left: 35px;
    }

    .content-right-list div {
        text-align:right;
        float:right;
        margin-top: 5px;
        margin-right:20px;
    }

    .details-title-avigation{
        font-family: arial;
        font-size: 16px;
        line-height: 17px;
        color: #666666;
        text-transform: capitalize;
        max-width: 1100px;
        border-bottom: 0.75px solid  #787878;
        margin-bottom: 40px;
        margin-top: 80px;
        margin-left: 20px;
        margin-right: 20px;
    }

    .details-content-title{
        margin-bottom: 40px;
    }

    .details-content-title{
        font-family: Arial;
        font-size: 36px;
        line-height: 38px;
        color: #3D3D3D;
    }

    .details-content-left-mid{
        margin-bottom:10px;
        font-family: Arial;
        font-size: 18px;
        line-height: 28px;
        color: #3D3D3D;
    }


    .details-content-left-mid div span:nth-child(odd) 
    {
        width: 20%;
        float: left;
        padding-bottom: 20px;
    }

    .details-content-left-mid div span:nth-child(even) 
    {
        width: 80%;
        float: right;
        text-align: left;
        padding-bottom: 20px;
    }

    .content-left-btom{
        display: none;
    }

    .details-content-left-mid-last-div {
        float: left;
        line-height: 28px;
        font-family: Arial;
        font-size: 14px;
        color: #3D3D3D;
    }

    .details-content-left-mid ul{
        list-style-type:disc;
        padding-left: 15px;
        margin-top:0px;
    }

     /*.details-content-left-mid ul li div {
        display:none;
    }*/
}

@media only screen and (max-width: 767px){
	.title-avigation{
        padding-top: 40px;
        max-width: 768px;
        margin-right: 10px;
        margin-left: 10px;
        margin-bottom: 40px;
    }

    .details-title-banner {
        margin: 0 auto;
        text-align: center;
        max-width: 1500px;
        max-height: 400px;
        background-image:url(images\banner-services.jpg)
    }

        .details-title-banner img {
            width:100%;
        }

     .mobile-content{
        margin-right: 10px;
        margin-left: 10px;
        margin-top: 40px
     }

    .content-left-top{
        width: 100%;
        margin-bottom: 20px;
    }

     .postion div{
         float: left;
     }

    .postion div:nth-child(2){
        width: 69%;
    }
    .postion div:nth-child(2) div{
        margin-left: 5px;
    }

   .postion div:nth-child(2) div:nth-child(2){
        padding-top: 5px;
    }

    .postion select:nth-child(3){
        float: right; 
        width:40px;
    }

    .content-left-mid-date{
        color: #666;
        margin-top: 20px;
    }

    .content-left-mid-address,.content-left-mid-a,.content-left-mid-date{
        width: 85%;
        float: left;
    }

    .content-left-mid-date {
        margin-bottom:10px;
    }

    .content-left-mid-address,.content-left-mid-a{
        color: #3D3D3D;
    }

     .content-rightlist{
        margin-top: 40px;
        float: right;
        width:100%;
        text-transform: capitalize;
    }

    .content-right-head{
        padding-left:20px;
    }
    
    .content-rightlist ul{
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 0px;
    }


    .content-rightlist ul li{
        margin-left: 20px;
    }

    .content-right-list div {
        text-align:right;
        float:right;
        margin-top: 5px;
        margin-right:20px;
    }

    .details-title-avigation{
        font-family: arial;
        font-size: 16px;
        line-height: 17px;
        color: #666666;
        text-transform: capitalize;
        border-bottom: 0.75px solid  #787878;
        margin-bottom: 40px;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 40px;
        word-wrap:break-word;
        max-width: 768px;
    }

    .details-title-avigation div{
        width: 230px;
    }

    .details-content-title{
        margin-bottom: 30px;
    }

    .details-content-title{
        font-family: Arial;
        font-size: 24px;
        line-height: 26px;
        color: #3D3D3D;
     }

      .details-content-left-mid{
        font-family: Arial;
        font-size: 14px;
        line-height: 18px;
        color: #3D3D3D;
    }
    
    .details-content-left-mid div span:nth-child(odd) 
    {
        width: 100%;
        float: left;
    }

    .details-content-left-mid div span:nth-child(even) 
    {
        width: 100%;
        float: right;
        text-align: left;
        padding-bottom: 20px;
    }

    .details-content-left-mid-date span{
        width:50%;
    }

    .details-content-left-mid-date-div span {
        width: 200px;
    }

    .details-content-left-mid-last-div {
        margin-bottom:20px;
        font-family: Arial;
        font-size: 10px;
        line-height: 11px;
        color: #3D3D3D;
    }


     .content-left-btom{
        display: none;
    }

    .details-content-left-mid ul{
        list-style-type:disc;
        padding-left: 15px;
    }
    
      .details-content-left-mid ul li div{
        display:none;
    }
}