/* grid starts */
/* Main grid starts */
@media only screen  and (min-width : 992px) {
html {
  box-sizing: border-box;
  overflow-y: scroll;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}


.fullwidth {
width:100%;
max-width:100%;
margin:0;
padding:0;
}

.l-wrap {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

.clearfix:after {
  display: table;
  clear: both;
  content: '';
}

.column {
  float: right;
}


.col1 .column {
  width: 100%;
}

.col2 .column {
  width: 50%;
}

.col3 .column {
  width: 33.3333%;
}
.col3 .two {
   width: 66.6666%; 
    float:right;
}

.col4 .column {
  width: 25%;
}

.col4 .two {
   width: 50%; 
    float:right;
}

.col4 .two .column{
   width: 50%; 
}

.col4 .three {
   width: 75%; 
    float:right;
}



.col5 .column {
  width: 20%;
}

.col6 .column {
  width: 16.66%;
}


.col7 .column {
  width: 14.28%;
}

.col8 .column {
  width: 12.5%;
}
.col9 .column {
  width: 11.11%;
}
.col10 .column {
  width: 10%;
}



.onehalf {
  width:50%;   
 float:right;   
    
}


.twothird {
 width:66.66%;   
 float:right; 
}

.onethird {
 width:33.33%;
 float:right;

}



.oneforth {
    width:25%;   
 float:right; 
}

.threeforth {
     width:75%;   
 float:right;
}


.onefifth {
     width:20%;   
 float:right;    
}

.fourfifth {
       width:80%;   
 float:right;  
}

.onesixth {
  width:16.66%;   
 float:right;   
}

.fivesixth {
 width:83.33%;   
 float:right;    
}

.onetinth {
        width:10%;   
 float:right;   
    
}

.ninetinth {
        width:90%;   
 float:right;   
    
}


.tabmob {
  display:none;  
}

.pconly {
   display:block;  
}
.mobonly {
display:none;
}
.tabonly {
display:none;
}
}
/* Main grid ends */



/* tab grid starts */
@media only screen  and (min-width : 991px) and (max-width : 991px) {
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}




.fullwidth {
width:100%;
max-width:100%;
margin:0;
padding:0;
}

.l-wrap {
  max-width: 984px;
  margin-right: auto;
  margin-left: auto;
}

.clearfix:after {
  display: table;
  clear: both;
  content: '';
}

.tabcol {
  float:right;  
}
.tab1 .tabcol {
  width: 100%;
  
}

.tab2 .tabcol {
  width: 50%;
}

.tab3 .tabcol {
  width: 33.3333%;
}

.tab4 .tabcol {
  width: 25%;
}

.tab5 .tabcol {
  width: 20%;
}

.tab6 .tabcol {
  width: 16.66%;
}

.tab7 .tabcol {
  width: 14.28%;
}

.tab8 .tabcol {
  width: 12.5%;
}
.tab9 .tabcol {
  width: 11.11%;
}
.tab10 .tabcol {
  width: 10%;
}




.tab2third {
 width:66.66%;   
 float:right; 
}

.tab1third {
 width:33.33%;
 float:right;

}



.tab1forth {
    width:25%;   
 float:right; 
}

.tab3forth {
     width:75%;   
 float:right;
}


.tab1fifth {
     width:20%;   
 float:right;    
}

.tab4fifth {
       width:80%;   
 float:right;  
}


.tab28th {
   width:25%;   
 float:right;    
}


.pctab {
  display:block;  
}


.tabmob {
  display:block;  
}

.tabonly {
   display:block; 
}
.pconly {
display:none;
}
.mobonly {
display:none;
}

.imgcont {
    
  position: relative;
  text-align: center;
  color: white;
}

.imgcentered {
  position: absolute;
  bottom:0;
  right: 0;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  padding: 5px;
  width:100%;
}
}
/* tab grid ends */

/* mob grid starts */
@media only screen   and (max-width : 990px) {
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}




.fullwidth {
width:100%;
max-width:100%;
margin:0;
padding:0;
}

.l-wrap {
  max-width: 748px;
  margin-right: auto;
  margin-left: auto;
}

.clearfix:after {
  display: table;
  clear: both;
  content: '';
}

.mobcol {
    float:right;
}
.mob1 .mobcol {
  width: 100%;
}

.mob2 .mobcol {
  width: 50%;
}

.mob3 .mobcol {
  width: 33.3333%;
}

.mob4 .mobcol {
  width: 25%;
}

.mob5 .mobcol {
  width: 20%;
}

.mob6 .mobcol {
  width: 16.66%;
}

.mob7 .mobcol {
  width: 14.28%;
}

.mob8 .mobcol {
  width: 12.5%;
}
.mob9 .mobcol {
  width: 11.11%;
}
.mob10 .mobcol {
  width: 10%;
}



.mob1half {
 width:50%;   
 float:right; 
}




.mob2third {
 width:66.66%;   
 float:right; 
}

.mob1third {
 width:33.33%;
 float:right;

}



.mob1forth {
    width:25%;   
 float:right; 
}

.mob3forth {
     width:75%;   
 float:right;
}


.mob1fifth {
     width:20%;   
 float:right;    
}

.mob2fifth {
     width:40%;   
 float:right;    
}

.mob3fifth {
     width:60%;   
 float:right;    
}

.mob4fifth {
       width:80%;   
 float:right;  
}

.mob1seventh {
     width:14.2%;   
 float:right;    
}

.mob2seventh {
     width:28.5%;   
 float:right;    
}

.mob3seventh {
     width:42.8%;   
 float:right;    
}

.mob4seventh {
     width:57.1%;   
 float:right;    
}

.mob5seventh {
     width:71.4%;   
 float:right;    
}

.mob6seventh {
     width:85.7%;   
 float:right;    
}


.mob28th {
   width:25%;   
 float:right;    
}

.pctab {
  display:none;  
}

.tabmob {
  display:block;  
}
.mobonly {
    
    display:block;
}
.tabonly {
display:none;
}
.pconly {
display:none;
}


.imgcont {
    
  position: relative;
  
  color: white;
}

.imgcentered {
  position: absolute;
  bottom:0;
  right: 0;
     background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  width:100%;

}

.whitebg {
    background:#fff;
}
}
/* mob grid ends */
/* grid ends */