

.row                                            { margin: 0 auto;   width: 100%;    float: left;    display: block; }

.row .row                                       {  }



.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:37.5%; margin:0 10px 0 0; float:left; display:inline; }

.grid_8                                         { width:47%; 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                                            {  }

.grid_7 {    width: 36%;}

.grid_9 {  width: 16%;}

.offset_2 {

    margin-left: 70px;

}

}



@media only screen and (min-width: 1601px) and (max-width: 1700px) {

.row                                            {  }

.grid_7 {    width: 36%;}

.grid_9 { width: 17%;}

}

	

@media only screen and (min-width: 1501px) and (max-width: 1600px) {

.row                                            {  }

.grid_7 {    width: 36%;}

.grid_9 { width: 18%;}

.grid_10 {    }

.grid_2 { width: 5.4%;}

.grid_4 {width: 39%;}

.grid_8 {    width: 45%;}

.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                                            {  }

.grid_7 {    width: 36%;}

.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                                            { }

.grid_7 {    width: 36%;}

.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) {

.row                                            {   }

.grid_10 { }

.grid_7 {    width: 36%;}

.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: 961px) and (max-width: 1199px) {



.row                                            { max-width:100%; }

.grid_10 { }

.grid_3 {    width: 35%;}

.grid_7 {    width: 35%;}

.grid_9 { width: 18%;}

.grid_2 { width: 4%;}

.grid_4 {width: 44.5%;}

 

.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: 960px) {

	



.row                                            { max-width:745px; }

.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%;}

}







/***********************************************

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_8{ width:49%;}

.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%;}

}

@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; }

}





/***********************************************

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; }

