.row                                            { margin:0 auto; max-width:100%; width:100%;  display:block; }

.row .row                                       { margin:0 -20px; width:auto; display:inline-block; }



.grid_1                                         { width: 23%; margin: 0 1% 0 1%; float:left; display:inline; }

.grid_2                                         { width:7.4%; margin:0 0px; float:left; display:inline; }

.grid_3                                         { width:33%; margin:0 0px; float:left; display:inline; }

.grid_4                                         { width:35%; margin:0 0px; float:left; display:inline; }

.grid_5                                         { width:58%;     margin: 0 auto;

    float: none;

    display: block; }

.grid_6                                         { width:50%; margin:0 0px; float:left; display:inline; }

.grid_7                                         {    width: 40%;

    margin: 0 0px 0 5%; float: left;}

.grid_8                                         { width:50%; margin:0 0px; float:left; display:inline; }



.grid_9                                         { width:14.5%; margin:0 0px; float:left; display:inline; }

.grid_10                                        {  margin:0 0px; float:left; display:inline; }

.grid_11                                        { width:97%; margin:0 0px; float:left; display:inline; }

.grid_12                                        { width:100%; margin:0 0px; float:left; display:inline; }

.grid_13                                        { width:18%; margin:0 0px; float:left; display:inline; }

.grid_13-1									    { width:9%; margin:0 0px; float:left; display:inline; }



.grid_14                                        { width:73%; margin:0 auto; float:none; display:block; }

.left{ float:left;}

.grid_15                                        { width: 25%; margin: 0 0px;    float: left; padding: 0px; display:inline; }

.grid_15-1                                      { width:11%; margin:0 0px; float:left; display:inline; }

.grid_16                                        { width:87.5%; margin: 0 0px;    float: left; padding: 0px; display:inline; }

.grid_16-2 {

    width: 63.5%;

    margin: 0 0px;

    float: left;

    padding: 0px;

    display: inline;

}

.grid_16-1{  width: 4%; margin: 0 0px;    float: left; padding: 0px; display:inline; }

.grid_17                                        { width: 98%; margin: 0 0px;    float: left; padding: 0px; display:inline; }

.grid_18 {  width: 63%;    margin: 0 0px;    float: left;    padding: 0px;    display: inline;}

.grid_19                                         { width:48%; margin:0 0px; float:left; display:inline; }



.offset_1                                       { margin-left:120px; }

.offset_2                                       { margin-left:175px; }

.offset_3                                       { margin-left:320px; }

.offset_4                                       { margin-left:420px; }

.offset_5                                       { margin-left:520px; }

.offset_6                                       { margin-left:620px; }

.offset_7                                       { margin-left:720px; }

.offset_8                                       { margin-left:820px; }

.offset_9                                       { margin-left:920px; }

.offset_10                                      { margin-left:1020px; }

.offset_11                                      { margin-left:1120px; }



.show-mobile                                    { display:none !important; }

.show-tablet                                    { display:none !important; }

.show-screen                                    { display:inherit; }



.hide-mobile                                    { display:inherit !important; }

.hide-tablet                                    { display:inherit !important; }

.hide-screen                                    { display:none !important; }



@media only screen and (min-width: 1701px) and (max-width: 1800px) {

.row                                            { margin:0 auto; max-width:100%; width:100%; }

 

.grid_9 {  width: 16%;}

.offset_2 {

    margin-left: 70px;

}

}



@media only screen and (min-width: 1601px) and (max-width: 1700px) {

.row                                            { margin:0 auto; max-width:100%; width:100%; }

 

.grid_9 { width: 17%;}

}

	

@media only screen and (min-width: 1501px) and (max-width: 1600px) {

.row                                            { margin:0 auto; max-width:100%; width:100%; }

 

.grid_9 { width: 18%;}

.grid_10 {    }

.grid_2 { width: 5.4%;}

.grid_4 {width: 39%;}

 

.grid_5 { width: 55%;}

.grid_3 {    width: 32%;}

.offset_2 {   margin-left: 80px;}

	.grid_16 {

		width: 92.5%;}



}

@media only screen and (min-width: 1401px) and (max-width: 1500px) {

.row                                            { margin:0 auto; max-width:100%; width:100%;  }

 

.grid_9 { width: 17%;}

.grid_10 {    }

.grid_2 { width: 4%;}

.grid_4 {width: 41.5%;}

.grid_6 { width: 50%;} 

.grid_16 {width: 91.5%;}

.offset_2 {   margin-left: 67px;}



}



@media only screen and (min-width: 1301px) and (max-width: 1400px) {

.row                                            { margin:0 auto; max-width:100%; width:100%;  }

 

.grid_9 { width: 16.8%;}

.grid_10 {    }

.grid_2 { width: 4%;}

.grid_4 {width: 41.5%;}

.grid_6 { width: 50%;}

.grid_5 { width: 55%;}

.grid_15 { width: 29.5%;}

.grid_15-1 {  width: 9%;}

.offset_2 {   margin-left: 80px;}

	

.grid_16 {width: 91.5%;}	

	

	

}



@media only screen and (min-width: 1200px) and (max-width: 1300px) {



.grid_10 { }

 

.grid_9 { width: 14%;}

.grid_2 { width: 4%;}

.grid_4 {width: 41.5%;}

.grid_6 { width: 50%;}

.grid_5 { width: 53%;}

.grid_15 { width: 33%;}

.grid_15-1 {  width: 6%;}

.offset_2 {   margin-left: 80px;}

}



/***********************************************

Screen Smaller than 1200px

***********************************************/

@media only screen and (min-width: 1001px) and (max-width: 1199px) {



.row                                            { max-width:100%; }

.grid_10 { }

 

 

.grid_9 { width: 18%;}

.grid_2 { width: 4%;}

.grid_4 {width: 44.5%;}

.grid_6 { width: 47%;}

.grid_5 { width: 55%;}

 .grid_15-1{ display:none;}

.grid_15 {    width: 33%;}



.grid_16-1{ display:none;}

.offset_1                                       { margin-left:0px; }

.offset_2                                       { margin-left:50px; }

.offset_3                                       { margin-left:256px; }

.offset_4                                       { margin-left:336px; }

.offset_5                                       { margin-left:416px; }

.offset_6                                       { margin-left:496px; }

.offset_7                                       { margin-left:576px; }

.offset_8                                       { margin-left:656px; }

.offset_9                                       { margin-left:736px; }

.offset_10                                      { margin-left:816px; }

.offset_11                                      { margin-left:896px; }



.show-mobile                                    { display:none !important; }

.show-tablet                                    { display:none !important; }

.show-screen                                    { display:inherit !important; }

    

.hide-mobile                                    { display:inherit !important; }

.hide-tablet                                    { display:inherit !important; }

.hide-screen                                    { display:none !important; }





}







/***********************************************

Tablet (Smaller than 959px)

***********************************************/

@media only screen and (min-width: 769px) and (max-width: 1000px) {

	



.row                                            { max-width:100%; }

.row .row                                       { margin:0 -14px; }

        

.grid_1                                         { width:100%; margin:0 14px; }

.grid_2                                         { width:100px; margin:0 14px; }

.grid_3                                         { }

.grid_3f{ width:100%;}                                        { }

.grid_4                                         { width:100%; margin:0 0px; }

.grid_5                                         {  }

.grid_6                                         { width:100%; margin:0 0; }

.grid_7                                         {}

.grid_8                                         { }

.grid_8-1 { width:100%; margin:0 0; }

.grid_9                                         { width:100%; margin:0 0; }

.grid_10                                        {    margin:0 0; }

.grid_11                                        {   width: 97%; }





.grid_12                                        {  }

.grid_13 {  width: 100%;}

.grid_13-1{ display:none;}

.grid_14 {  width: 100%;}

.grid_15 {    width: 47%;}

.grid_15-1{ display:none;}

.grid_16 {margin: 0px 0px 10px 0;    width: 51%;}

.main{ width:92%;}

.odd{ width:40%;}

.grid_16-1{ display:none;}

.grid_1_tablet                                  { width:36px; }

.grid_2_tablet                                  { width:100px; }

.grid_3_tablet                                  { width:164px; }

.grid_4_tablet                                  { width:228px; }

.grid_5_tablet                                  { width:292px; }

.grid_6_tablet                                  { width:356px; }

.grid_7_tablet                                  { width:420px; }

.grid_8_tablet                                  { width:484px; }

.grid_9_tablet                                  { width:548px; }

.grid_10_tablet                                 { width:612px; }

.grid_11_tablet                                 { width:676px; }

.grid_12_tablet                                 { width:740px; }

        

.offset_1                                       { margin-left:0px; }

.offset_2                                       { margin-left:50px; }

.offset_3                                       { margin-left:206px; }

.offset_4                                       { margin-left:270px; }

.offset_5                                       { margin-left:334px; }

.offset_6                                       { margin-left:398px; }

.offset_7                                       { margin-left:462px; }

.offset_8                                       { margin-left:526px; }

.offset_9                                       { margin-left:590px; }

.offset_10                                      { margin-left:654px; }

.offset_11                                      { margin-left:718px; }

    

.show-mobile                                    { display:none !important; }

.show-tablet                                    { display:inherit !important; }

.show-screen                                    { display:none !important; }

    

.hide-mobile                                    { display:inherit !important; }

.hide-tablet                                    { display:none !important; }

.hide-screen                                    { display:inherit !important; }

.grid_16-2 {width: 100%;}



.grid_8 {

    width: 100%;}

}







/***********************************************

Mobile

***********************************************/



	@media only screen and (min-width: 641px) and (max-width: 768px) {



.row                                            { padding:0px; width:100%; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

.row .row                                       { margin:0; padding:0; width:100%; display:block; }



.grid_1, .grid_2,  .grid_4,

 .grid_6,  

.grid_9, .grid_10, .grid_12,  .grid_16           { width:100%; margin:0px 0 0 0; float:left; display:block; }

.grid_7{width:100%; margin:10px 0 0 0; float:left; display:block; }

 .grid_11{ width:97%;}

 

.grid_15{width:100%;}

.grid_8malaga       { width: 100%;}

.grid_16-1{ display:none;}

.grid_3 { width:30%; margin:0px 0 0 0; float:left; display:block; }

.grid_3f{width:100%;}

.grid_5 { width:67%; margin:0px 0 0 0; float:left; display:block; }

.grid_13 {  width: 100%;}

.grid_13-1{ display:none;}

.grid_14 {  width: 100%;}

.grid_6_mobile                                  { width:48%; }

.grid_6_mobile:nth-child(odd)                   { width:48%; float:left; }

.grid_6_mobile:nth-child(even)                  { float:right; }

.offset_2                                       { margin-left:0px; }

.grid_19 {

   width: 100%;margin: 0 0px 20px 0;}

.show-mobile                                    { display:inherit !important; }

.show-tablet                                    { display:none !important; }

.show-screen                                    { display:none !important; }

    

.hide-mobile                                    { display:none !important; }

.hide-tablet                                    { display:inherit !important; }

.hide-screen                                    { display:inherit !important; }

.grid_16-2 {width: 100%;}

.grid_8 {

    width: 100%;}



}

@media only screen and (max-width: 640px) {.row                                            { padding:0 16px; width:100%; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

.row .row                                       { margin:0; padding:0; width:100%; display:block; }

.grid_16-2 {width: 100%;}

 .grid_2,  .grid_4,

 .grid_6, .grid_7, .grid_8,

 .grid_10, .grid_11, .grid_12,  .grid_16           { width:100%; margin:0px 0 0 0; float:left; display:block; }

.grid_1{ margin: 10px 0 10px 0 !important;width: 100%;float:left; display:block;}

.grid_8malaga       { width: 100%;}

.grid_9{width: 70%;margin: 0px 12%;float: left;display: block;}

.offset_2                                       { margin-left:0px; }



.grid_17 {  width: 100%;}

.grid_7{ width:100%; margin:0px 0 0 0; float:left; display:block; }

.grid_15{width:100%;}

 .grid_11{ width:97%;}

.grid_16-1{ display:none;}

.grid_3 { width:100%; margin:0px 0 0 0; float:left; display:block; }

.grid_3f{width:100%;}

.grid_5 {  width: 67%;    margin: 0px auto;    float: none !important;    display: block;}

.grid_18 {    width: 100%;}

.grid_19 {    width: 100%;}

.grid_13 {  width: 100%;}

.grid_13-1{ display:none;}

.grid_14 {  width: 100%;}

.grid_6_mobile                                  { width:48%; }

.grid_6_mobile:nth-child(odd)                   { width:48%; float:left; }

.grid_6_mobile:nth-child(even)                  { float:right; }



.show-mobile                                    { display:inherit !important; }

.show-tablet                                    { display:none !important; }

.show-screen                                    { display:none !important; }

    

.hide-mobile                                    { display:none !important; }

.hide-tablet                                    { display:inherit !important; }

.hide-screen                                    { display:inherit !important; }



.grid_8 {

    width: 100%;}

}





/***********************************************

Clean up

***********************************************/

.container:after                                { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } 

.clearfix:before,

.clearfix:after,

.row:before,

.row:after                                      { content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }

.row:after, .clearfix:after                     { clear:both; }

.row, 

.clearfix                                       { zoom:1; }

.clear                                          { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }





#Contact .row{

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin: 0 ;

}



@media only screen and (min-width: 301px) and (max-width: 400px) {
    .amenities-list {
        display: grid
    ;
        grid-template-columns: repeat(2, 1fr);
        list-style: none;
        padding: 0;
        text-align: left;
        gap: 5px 1px;
    }
    
    .peace-one li {
        line-height: 17px;
        width: 100%;
        font-size: 12px;
    }
    .amenities-section {
        padding: 0px;
    }
    .peace-one ul {
        width: 100%;
        padding: 21px 0 0 0px !important;
        margin: 0;
    }
    .amenities-list-two{
        display: grid
        ;
            grid-template-columns: repeat(1, 1fr) !important;
    }
    .main-on {
        padding: 0 0 0 35px;
        width: 100%;
        float: left;
    }
    .main-onn {
        font-size: 12px;
        padding: 0 0 15px 39px !important;
    }

    .footer-content {
        margin: 0 auto 20% auto;
    }
}



@media only screen and (min-width: 401px) and (max-width: 500px) {
    .amenities-list {
        display: grid
    ;
        grid-template-columns: repeat(2, 1fr);
        list-style: none;
        padding: 0;
        text-align: left;
        gap: 5px 1px;
    }
    
    .peace-one li {
        line-height: 17px;
        width: 100%;
        font-size: 12px;
    }
    .amenities-section {
        padding: 0px;
    }
    .peace-one ul {
        width: 100%;
        padding: 0 0 0 0px !important;
        margin: 0;
    }
    .amenities-list-two{
        display: grid
        ;
            grid-template-columns: repeat(1, 1fr) !important;
    }
    .main-on {
        padding: 0 0 0 35px;
        width: 100%;
        float: left;
    }
    .main-onn {
        padding: 0 0 15px 39px !important;
        font-size: 12px;
    }

    .footer-content {
        margin: 0 auto 20% auto;
    }

}

@media only screen and (min-width: 601px) and (max-width: 700px) {
    .main-on {
        padding: 0 0 0 35px;
        width: 50%;
        float: left;
    }
    .amenities-list {
        display: grid
    ;
        grid-template-columns: repeat(2, 1fr);
        list-style: none;
        padding: 0;
        text-align: left;
        gap: 5px 1px;
    }
}

@media only screen and (min-width: 701px) and (max-width: 800px) {

    .amenities-list {
        display: grid
        ;
        grid-template-columns: repeat(2, 1fr);
        list-style: none;
        padding: 0;
        text-align: left;
        gap: 10px 40px;
    }
}
    
    
@media only screen and (min-width: 501px) and (max-width: 600px) {
    .main-on {
        padding: 0 0 0 35px;
        width: 50%;
        float: left;
    }
    .main-onn {
        padding: 0 0 15px 39px !important;
    }
    .amenities-list {
        display: grid
    ;
        grid-template-columns: repeat(2, 1fr);
        list-style: none;
        padding: 0;
        text-align: left;
        gap: 5px 1px;
    }

    .amenities-section {
        text-align: center;
        padding: 0px;
    }
    .peace-one ul {
        width: 100%;
        padding: 0 0 0 0px;
        margin: 0;
    }
}

@media only screen and (min-width: 1001px) and (max-width:1100px) {
    .amenities-section {
        text-align: center;
        padding: 0px !important;
    }
}

#contact-us{
    border: 1px solid #9f811b;
}