.panel {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
}


/** terms-and-conditions */
#terms-collapse-heading a {
    font-size: 16px;
}

.terms-and-conditions ul{
    list-style: none;
}
.terms-and-conditions ul li{
    margin-bottom: 10px
    
}

a.cfbutton:hover {
    text-decoration:underline;
    color:white;
}

.addfor {
    background: url("https://static.caravanfinder.co.uk/images/sprites-site.png") repeat scroll -345px 2px rgba(0, 0, 0, 0);
    float: right;
    height: 16px;
    position: relative;
    top: -6px;
    width: 23px;
}



/*
 * @media xs
 * @media (max-width: 767px)  
 * --------------------------------------------------
 */

@media (max-width: 767px) {
    /**
        can not reorder the columns having .col-*-12 by push/pull helper classes. 
        The sum of columns exceeds the default 12 columns which is defined by @grid-columns.
        use this fancy approach to reverse the ordering of the columns that are placed vertically under each other:
        
        REF : http://stackoverflow.com/questions/25714852/change-the-order-of-col-12-columns-in-bootstrap-3-by-using-push-pull
    **/   
    .row.reorder-xs {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);  
        direction: rtl;
    }
    
    .row.reorder-xs > [class*="col-"] {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);     
        direction: ltr;
    }
    
    .cfbutton {
        margin-bottom:10px;
        padding:10px;
    }
    
    
    
    
    
    
    
}



/*
 * @media sm
 * @media (min-width:768px) 
 * --------------------------------------------------
 */

@media (min-width:768px) {
	
    .collapse{
        display: block;
    } 
    
    .frm-group-header.col-grad-grey {
        cursor:default;
    }
    
    .frm-group-header.col-grad-grey {
        background: none repeat scroll 0 0 transparent;
        border: medium none;
        color: #486b60;
    }
    
    #terms-collapse-heading a {
        cursor: default;
    }  
      
    .frm-group-header.col-grad-grey a {
        color: #486b60;
        text-decoration: none;
    }    
    
    
     .terms-and-conditions p.intro{
        margin-top: 15px;
    }   
   
   
   
   
   
    	
}