.sf-menu.ttop {
  float: left;
  height: auto;
  width: 100%;
}
.sf-menu.ttop li {
  float: left;
  margin-right: 19px;
}

.sf-menu.ttop.l_tinynav1 > li {
  display: inline;
  float: left;
  margin-left: 19px;
  margin-right: 0;
}
.sf-menu.ttop.l_tinynav1 {
  float: left;
  height: auto;
  width: 100%;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
  margin-left: 0;
  margin-right: 0;
}

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

/* menu */

.sf-menu.l_tinynav1 {
  display: none;
  width:100%;
}

.tinynav.tinynav1 {
display:block;	
  height: auto;
  text-align: center;
  width: 100%;
}
/* menu */



/* cc */

.container_12 .grid_7 {
  width: 100%;
}
.container_12 .grid_5 {
  width: 100%;
}

/* cc */




/* preschool */
.container_12 .grid_4 {
  width: 100%;
}
/* preschool */


/* newly added */
.container_12 .grid_12 {
  width: 100%;
}

/* newly added */



.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}



.header {
  border-bottom: 1px solid #463c39;
  border-top: 1px solid #463c39;
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px 0 10px;
  position: relative;
  text-align: center;
  width: 95%;
}
.header h1 a img {
  border: medium none;
  width: 100%!important;
}

.rmm.graphite .rmm-toggled-controls {
  background-color: #f27f21!important;
  background-repeat: repeat-x;
  border-radius: 6px;
  color: white;
  display: block;
  height: 36px;
  position: relative;
  text-align: left;background-image:none!important;
}
#widget-footer {
  float: left;
  padding: 0 0 20px;
}
#copyright {
  color: #bab094;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: bold;
  padding: 0;
  text-transform: none;
  width: 313px;margin-top:0px!important;
}

.highslide img {
  border: medium none;
  height: 100%;
  width: 100%;
}
}




@media only screen and (min-width: 569px) and (max-width:736px) {

/* menu */

.sf-menu.l_tinynav1 {
  display: none;
}

.tinynav.tinynav1 {
  height: auto;
  text-align: center;
  width: 100%;
}
/* menu */



/* cc */

.container_12 .grid_7 {
  width: 100%;
}
.container_12 .grid_5 {
  width: 100%;
}

/* cc */




/* preschool */
.container_12 .grid_4 {
  width: 100%;
}
/* preschool */


/* newly added */
.container_12 .grid_12 {
  width: 100%;
}

/* newly added */



.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}



.header {
  border-bottom: 1px solid #463c39;
  border-top: 1px solid #463c39;
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px 0 10px;
  position: relative;
  text-align: center;
  width: 95%;
}
.header h1 a img {
  border: medium none;
  width: 100%!important;
}

.rmm.graphite .rmm-toggled-controls {
  background-color: #f27f21!important;
  background-repeat: repeat-x;
  border-radius: 6px;
  color: white;
  display: block;
  height: 36px;
  position: relative;
  text-align: left;background-image:none!important;
}
#widget-footer {
  float: left;
  padding: 0 0 20px;
}
#copyright {
  color: #bab094;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: bold;
  padding: 0;
  text-transform: none;
  width: 313px;margin-top:0px!important;
}

.highslide img {
  border: medium none;
  height: 100%;
  width: 100%;
}


}

@media only screen and (min-width: 376px) and (max-width:667px) {

/* menu */

.sf-menu.l_tinynav1 {
  display: none;
}

.tinynav.tinynav1 {
  height: auto;
  text-align: center;
  width: 100%;
}
/* menu */



/* cc */

.container_12 .grid_7 {
  width: 100%;
}
.container_12 .grid_5 {
  width: 100%;
}

/* cc */




/* preschool */
.container_12 .grid_4 {
  width: 100%;
}
/* preschool */


/* newly added */
.container_12 .grid_12 {
  width: 100%;
}

/* newly added */



.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}



.header {
  border-bottom: 1px solid #463c39;
  border-top: 1px solid #463c39;
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px 0 10px;
  position: relative;
  text-align: center;
  width: 95%;
}
.header h1 a img {
  border: medium none;
  width: 100%!important;
}

.rmm.graphite .rmm-toggled-controls {
  background-color: #f27f21!important;
  background-repeat: repeat-x;
  border-radius: 6px;
  color: white;
  display: block;
  height: 36px;
  position: relative;
  text-align: left;background-image:none!important;
}
#widget-footer {
  float: left;
  padding: 0 0 20px;
}
#copyright {
  color: #bab094;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: bold;
  padding: 0;
  text-transform: none;
  width: 313px;margin-top:0px!important;
}


.highslide img {
  border: medium none;
  height: 100%;
  width: 100%;
}
}


}

@media only screen and (min-width: 569px) and (max-width:736px) {
/* menu */

.sf-menu.l_tinynav1 {
  display: none;
}

.tinynav.tinynav1 {
  height: auto;
  text-align: center;
  width: 100%;
}
/* menu */



/* cc */

.container_12 .grid_7 {
  width: 100%;
}
.container_12 .grid_5 {
  width: 100%;
}

/* cc */




/* preschool */
.container_12 .grid_4 {
  width: 100%;
}
/* preschool */


/* newly added */
.container_12 .grid_12 {
  width: 100%;
}

/* newly added */



.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}



.header {
  border-bottom: 1px solid #463c39;
  border-top: 1px solid #463c39;
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px 0 10px;
  position: relative;
  text-align: center;
  width: 95%;
}
.header h1 a img {
  border: medium none;
  width: 100%!important;
}

.rmm.graphite .rmm-toggled-controls {
  background-color: #f27f21!important;
  background-repeat: repeat-x;
  border-radius: 6px;
  color: white;
  display: block;
  height: 36px;
  position: relative;
  text-align: left;background-image:none!important;
}
#widget-footer {
  float: left;
  padding: 0 0 20px;
}
#copyright {
  color: #bab094;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: bold;
  padding: 0;
  text-transform: none;
  width: 313px;margin-top:0px!important;
}


.highslide img {
  border: medium none;
  height: 100%;
  width: 100%;
}
}



}

@media only screen and (min-width: 415px) and (max-width:568px) {



/* menu */

.sf-menu.l_tinynav1 {
  display: none;
}

.tinynav.tinynav1 {
  height: auto;
  text-align: center;
  width: 100%;
}
/* menu */



/* cc */

.container_12 .grid_7 {
  width: 100%;
}
.container_12 .grid_5 {
  width: 100%;
}

/* cc */




/* preschool */
.container_12 .grid_4 {
  width: 100%;
}
/* preschool */


/* newly added */
.container_12 .grid_12 {
  width: 100%;
}

/* newly added */



.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}



.header {
  border-bottom: 1px solid #463c39;
  border-top: 1px solid #463c39;
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px 0 10px;
  position: relative;
  text-align: center;
  width: 95%;
}
.header h1 a img {
  border: medium none;
  width: 100%!important;
}

.rmm.graphite .rmm-toggled-controls {
  background-color: #f27f21!important;
  background-repeat: repeat-x;
  border-radius: 6px;
  color: white;
  display: block;
  height: 36px;
  position: relative;
  text-align: left;background-image:none!important;
}
#widget-footer {
  float: left;
  padding: 0 0 20px;
}
#copyright {
  color: #bab094;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: bold;
  padding: 0;
  text-transform: none;
  width: 313px;margin-top:0px!important;
}



.highslide img {
  border: medium none;
  height: 100%;
  width: 100%;
}

}



}

@media only screen and (min-width: 323px) and (max-width:414px) {

#gallery .portfolio {
  list-style-type: none;
  margin: 0 0 -20px -16px !important;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

/*footer manu*/
.address dd ul li {
  background: none repeat scroll 0 0 transparent;
  float: left;
  font-size: 15px;
  height: auto;
  line-height: 20px;
  margin: 0;
  padding: 0;
  text-transform: none;
  width: 100%;
}


.name1 {
  float: left;
  height: auto;
  width: 49%;
}

.name2 {
  float: left;
  height: auto;
  width: 22%;
}

.name3 {
  float: left;
  height: auto;
  width: 22%;
}

.name4 {
  float: left;
  height: auto;
  width: 22%;
}


/* menu */

.sf-menu.l_tinynav1 {
  display: none;
}

.tinynav.tinynav1 {
  height: auto;
  text-align: center;
  width: 100%;
}
/* menu */



/* cc */

.container_12 .grid_7 {
  width: 100%;
}
.container_12 .grid_5 {
  width: 100%;
}

/* cc */




/* preschool */
.container_12 .grid_4 {
  width: 100%;
}
/* preschool */


/* newly added */
.container_12 .grid_12 {
  width: 100%;
}

/* newly added */



.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}



.header {
  border-bottom: 1px solid #463c39;
  border-top: 1px solid #463c39;
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px 0 10px;
  position: relative;
  text-align: center;
  width: 95%;
}
.header h1 a img {
  border: medium none;
  width: 100%!important;
}

.rmm.graphite .rmm-toggled-controls {
  background-color: #f27f21!important;
  background-repeat: repeat-x;
  border-radius: 6px;
  color: white;
  display: block;
  height: 36px;
  position: relative;
  text-align: left;background-image:none!important;
}
#widget-footer {
  float: left;
  padding: 0 0 20px;
}
#copyright {
  color: #bab094;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: bold;
  padding: 0;
  text-transform: none;
  width: 313px;margin-top:0px!important;
}


.highslide img {
  border: medium none;
  height: 100%;
  width: 100%;
}
}



}

@media only screen and (min-width: 322px) and (max-width:384px) {

/*footer manu*/
.address dd ul li {
  background: none repeat scroll 0 0 transparent;
  float: left;
  font-size: 15px;
  height: auto;
  line-height: 20px;
  margin: 0;
  padding: 0;
  text-transform: none;
  width: 100%;
}


.name1 {
  float: left;
  height: auto;
  width: 39%;
}

.name2 {
  float: left;
  height: auto;
  width: 39%;
}

.name3 {
  float: left;
  height: auto;
  width: 39%;
}

.name4 {
  float: left;
  height: auto;
  width: 39%;
}


/* menu */

.sf-menu.l_tinynav1 {
  display: none;
}

.tinynav.tinynav1 {
  height: auto;
  text-align: center;
  width: 100%;
}
/* menu */



/* cc */

.container_12 .grid_7 {
  width: 100%;
}
.container_12 .grid_5 {
  width: 100%;
}

/* cc */




/* preschool */
.container_12 .grid_4 {
  width: 100%;
}
/* preschool */


/* newly added */
.container_12 .grid_12 {
  width: 100%;
}

/* newly added */



.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}



.header {
  border-bottom: 1px solid #463c39;
  border-top: 1px solid #463c39;
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px 0 10px;
  position: relative;
  text-align: center;
  width: 95%;
}
.header h1 a img {
  border: medium none;
  width: 100%!important;
}

.rmm.graphite .rmm-toggled-controls {
  background-color: #f27f21!important;
  background-repeat: repeat-x;
  border-radius: 6px;
  color: white;
  display: block;
  height: 36px;
  position: relative;
  text-align: left;background-image:none!important;
}
#widget-footer {
  float: left;
  padding: 0 0 20px;
}
#copyright {
  color: #bab094;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: bold;
  padding: 0;
  text-transform: none;
  width: 313px;margin-top:0px!important;
}


.highslide img {
  border: medium none;
  height: 100%;
  width: 100%;
}
}



@media only screen and (min-width: 321px) and (max-width:375px) {

/*footer manu*/
.address dd ul li {
  background: none repeat scroll 0 0 transparent;
  float: left;
  font-size: 15px;
  height: auto;
  line-height: 20px;
  margin: 0;
  padding: 0;
  text-transform: none;
  width: 100%;
}


.name1 {
  float: left;
  height: auto;
  width: 44%;
}

.name2 {
  float: left;
  height: auto;
  width: 44%;
}

.name3 {
  float: left;
  height: auto;
  width: 44%;
}

.name4 {
  float: left;
  height: auto;
  width: 44%;
}


/* menu */

.sf-menu.l_tinynav1 {
  display: none;
}

.tinynav.tinynav1 {
  height: auto;
  text-align: center;
  width: 100%;
}
/* menu */



/* cc */

.container_12 .grid_7 {
  width: 100%;
}
.container_12 .grid_5 {
  width: 100%;
}

/* cc */




/* preschool */
.container_12 .grid_4 {
  width: 100%;
}
/* preschool */


/* newly added */
.container_12 .grid_12 {
  width: 100%;
}

/* newly added */



.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.container_12 .grid_12 {
  width: 100%;
}

.header {
  border-bottom: 1px solid #463c39;
  border-top: 1px solid #463c39;
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px 0 10px;
  position: relative;
  text-align: center;
  width: 95%;
}
.header h1 a img {
  border: medium none;
  width: 100%!important;
}

.rmm.graphite .rmm-toggled-controls {
  background-color: #f27f21!important;
  background-repeat: repeat-x;
  border-radius: 6px;
  color: white;
  display: block;
  height: 36px;
  position: relative;
  text-align: left;background-image:none!important;
}
#widget-footer {
  float: left;
  padding: 0 0 20px;
}
#copyright {
  color: #bab094;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: bold;
  padding: 0;
  text-transform: none;
  width: 313px;margin-top:0px!important;
}

.highslide img {
  border: medium none;
  height: 100%;
  width: 100%;
}
}





@media only screen and (min-width: 241px) and (max-width: 320px){




.info error{
	display: block;
    left: 250px;
    top: 918.483px;
	}


/* menu */

.sf-menu.l_tinynav1 {
  display: none;
}

.tinynav.tinynav1 {
  height: auto;
  text-align: center;
  width: 100%;
}
/* menu */



/* cc */

.container_12 .grid_7 {
  width: 100%;
}
.container_12 .grid_5 {
  width: 100%;
}

/* cc */




/* preschool */
.container_12 .grid_4 {
  width: 100%;
}
/* preschool */


/* newly added */
.container_12 .grid_12 {
  width: 100%;
}

/* newly added */

.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}



.header {
  border-bottom: 1px solid #463c39;
  border-top: 1px solid #463c39;
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px 0 10px;
  position: relative;
  text-align: center;
  width: 95%;
}
.header h1 a img {
  border: medium none;
  width: 100%!important;
}

.rmm.graphite .rmm-toggled-controls {
  background-color: #f27f21!important;
  background-repeat: repeat-x;
  border-radius: 6px;
  color: white;
  display: block;
  height: 36px;
  position: relative;
  text-align: left;background-image:none!important;
}
#widget-footer {
  float: left;
  padding: 0 0 20px;
}
#copyright {
  color: #bab094;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: bold;
  margin-top: 0 !important;
  text-transform: none;
  width: 100%;
}


.highslide img {
  border: medium none;
  height: 100%;
  width: 100%;
}

.wpcf7-form p.field input {
  float: left;
  width: 91%;
}
.wpcf7-form textarea {
  float: left;
  margin-bottom: 17px;
  min-height: 214px;
  overflow: auto;
  width: 91%;
}

/*footer manu*/
.address dd ul li {
  background: none repeat scroll 0 0 transparent;
  float: left;
  font-size: 15px;
  height: auto;
  line-height: 20px;
  margin: 0;
  padding: 0;
  text-transform: none;
  width: 100%;
}


.name1 {
  float: left;
  height: auto;
  width: 49%;
}

.name2 {
  float: left;
  height: auto;
  width: 31%;
}

.name3 {
  float: left;
  height: auto;
  width: 31%;
}

.name4 {
  float: left;
  height: auto;
  width: 31%;
}

}


@media only screen and (min-width: 0px) and (max-width: 240px){

/*footer manu*/
.address dd ul li {
  background: none repeat scroll 0 0 transparent;
  float: left;
  font-size: 15px;
  height: auto;
  line-height: 20px;
  margin: 0;
  padding: 0;
  text-transform: none;
  width: 100%;
}


.name1 {
  float: left;
  height: auto;
  width: 41%;
}

.name2 {
  float: left;
  height: auto;
  width: 41%;
}

.name3 {
  float: left;
  height: auto;
  width: 41%;
}

.name4 {
  float: left;
  height: auto;
  width: 41%;
}



/* menu */

.sf-menu.l_tinynav1 {
  display: none;
}

.tinynav.tinynav1 {
  height: auto;
  text-align: center;
  width: 100%;
}
/* menu */



/* cc */

.container_12 .grid_7 {
  width: 100%;
}
.container_12 .grid_5 {
  width: 100%;
}

/* cc */




/* preschool */
.container_12 .grid_4 {
  width: 100%;
}
/* preschool */


/* newly added */
.container_12 .grid_12 {
  width: 100%;
}

/* newly added */

.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}



.header {
  border-bottom: 1px solid #463c39;
  border-top: 1px solid #463c39;
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px 0 10px;
  position: relative;
  text-align: center;
  width: 95%;
}
.header h1 a img {
  border: medium none;
  width: 100%!important;
}

.rmm.graphite .rmm-toggled-controls {
  background-color: #f27f21!important;
  background-repeat: repeat-x;
  border-radius: 6px;
  color: white;
  display: block;
  height: 36px;
  position: relative;
  text-align: left;background-image:none!important;
}
#widget-footer {
  float: left;
  padding: 0 0 20px;
}

#footer-logo h1 a, #footer-logo h2 a, #footer-logo h2 a img {
  color: #bab094;
  font-family: andalus;
  text-decoration: none;
  width: 100% !important;
}
  
#footer-logo h1 a img, #footer-logo h2 a img {
  border: medium none;
  width: 100%;
}  
  
#copyright {
  color: #bab094;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: bold;
  padding: 0;
  text-transform: none;
  width: 100%;
  margin-top:0px!important;
}


h2 {
  color: #ffffff;
  font-size: 21px;
  line-height: 1.2em;
  margin: 0 0 0.5em;
  text-transform: uppercase;
}

.highslide img {
  
  height: 100%;
  width: 100%;
}

.wpcf7-form p.field input {
  float: left;
  width: 87%;
}
.wpcf7-form textarea {
  float: left;
  margin-bottom: 17px;
  min-height: 214px;
  overflow: auto;
  width: 89%;
}

}


@media only screen and (min-width: 241px) and (max-width: 320px){

.highslide-wrapper.borderless.floating-caption{
top: 290px !important;
left: 50px !important;

}
.highslide-container td {
  display: none;
}

.recent-posts.team li {
  float: left;
  margin: 0 0 24px;
  width: 100%;
}

}

@media only screen and (min-width: 415px) and (max-width:568px) {


.highslide-wrapper.borderless.floating-caption{
width:300px !important;
left: 50px !important;
}

.highslide-container td {
  display: none;
}



.recent-posts.team li {
  float: left;
  margin: 0 0 24px;
  width: 100%;
}


}

@media only screen and (min-width: 321px) and (max-width:375px) {

.highslide-wrapper.borderless.floating-caption{
top: 290px !important;
left: 50px !important;

}
.highslide-container td {
  display: none;
}

.recent-posts.team li {
  float: left;
  margin: 0 0 24px;
  width: 100%;
}

}

@media only screen and (min-width: 376px) and (max-width:667px) {

.recent-posts.team li {
  float: left;
  margin: 0 0 24px;
  width: 100%;
}

}

@media only screen and (min-width: 323px) and (max-width:414px) {

.highslide-wrapper.borderless.floating-caption{
top: 290px !important;
left: 60px !important;
width:100%;
height:100%;

}
.highslide-container td {
  display: none;
}

.recent-posts.team li {
  float: left;
  margin: 0 0 24px;
  width: 100%;
}

}

@media only screen and (min-width: 569px) and (max-width:736px) {

.highslide-wrapper.borderless.floating-caption{
top: 290px !important;
left: 50px !important;

}
.highslide-container td {
  display: none;
}

.recent-posts.team li {
  float: left;
  margin: 0 0 24px;
  width: 100%;
}

.recent-posts.team li {
  float: left;
  margin: 0 0 24px;
  width: 100%;
}


}

@media only screen and (min-width: 0px) and (max-width: 240px){

.highslide-wrapper.borderless.floating-caption{
top: 290px !important;
left: 50px !important;

}
.highslide-container td {
  display: none;
}

.recent-posts.team li {
  float: left;
  margin: 0 0 24px;
  width: 100%;
}

}

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

.highslide-wrapper.borderless.floating-caption{
top: 290px !important;
left: 50px !important;

}
.highslide-container td {
  display: none;
}


.recent-posts.team li {
  float: left;
  margin: 0 0 24px;
  width: 100%;
}

}

@media only screen and (min-width: 0px) and (max-width: 240px){

.highslide img {
  height: 100%;
  width:100%;
}

#gallery .portfolio li span.image-border {
  display: block;
  height: 146px;
  position: relative;
  width: 100% !important;
}

#gallery .portfolio li {
  background: none repeat scroll 0 0 #100c0c;
  color: #525252;
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
  margin: 0 0 21px -4px;
  padding: 20px;
  position: relative;
  text-transform: none;
  vertical-align: top;
  width: 69% !important;
}

}
@media only screen and (min-width: 241px) and (max-width: 320px){
#gallery .portfolio li span.image-border {
  display: block;
  height: 146px;
  position: relative;
  width: 100% !important;
}

#gallery .portfolio li {
  background: none repeat scroll 0 0 #100c0c;
  color: #525252;
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
  margin: 0 0 21px -4px;
  position: relative;
  text-transform: none;
  vertical-align: top;
  width: 80% !important;
}
}
@media only screen and (min-width: 321px) and (max-width: 360px){
#gallery .portfolio li span.image-border {
  display: block;
  height: 146px;
  position: relative;
  width: 100% !important;
}

#gallery .portfolio li {
  background: none repeat scroll 0 0 #100c0c;
  color: #525252;
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
  margin: 0 0 21px -4px;
  position: relative;
  text-transform: none;
  vertical-align: top;
  width: 80% !important;
}
}
@media only screen and (min-width: 361px) and (max-width: 384px){
#gallery .portfolio li span.image-border {
  display: block;
  height: 146px;
  position: relative;
  width: 100% !important;
}

#gallery .portfolio li {
  background: none repeat scroll 0 0 #100c0c;
  color: #525252;
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
  margin: 0 0 21px -4px;
  position: relative;
  text-transform: none;
  vertical-align: top;
  width: 80% !important;
}
}
@media only screen and (min-width: 385px) and (max-width: 480px){
#gallery .portfolio li span.image-border {
  display: block;
  height: 146px;
  position: relative;
  width: 100% !important;
}

#gallery .portfolio li {
  background: none repeat scroll 0 0 #100c0c;
  color: #525252;
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
  margin: 0 0 21px 2px;
  position: relative;
  text-transform: none;
  vertical-align: top;
  width: 80% !important;
}
}
@media only screen and (min-width: 481px) and (max-width: 568px){

#gallery .portfolio li span.image-border {
  display: block;
  height: 146px;
  position: relative;
  width: 100% !important;

}

#gallery .portfolio li {
  background: none repeat scroll 0 0 #100c0c;
  display: inline-block;
  height: 146px;
  margin: 0 0 20px 48px;
  padding: 20px;
  position: relative;
  vertical-align: top;
  width: 67%;
}
}

@media only screen and (min-width: 569px) and (max-width: 600px){
#gallery .portfolio li span.image-border {
  display: block;
  height: 207px;
  position: relative;
  width: 100% !important;
}

#gallery .portfolio li {
  background: none repeat scroll 0 0 #100c0c;
  color: #525252;
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
  margin: 0 0 21px 27px;
  position: relative;
  text-transform: none;
  vertical-align: top;
  width: 80% !important;
  height: 206px;
}

}
@media only screen and (min-width: 601px) and (max-width: 768px){
#gallery .portfolio li span.image-border {
  display: block;
  height: 291px;
  position: relative;
  width: 100% !important;
}

#gallery .portfolio li {
  background: none repeat scroll 0 0 #100c0c;
  color: #525252;
  display: inline-block;
  font-size: 13px;
  height: 291px;
  line-height: 16px;
  margin: 0 0 21px 6px;
  position: relative;
  text-transform: none;
  vertical-align: top;
  width: 87% !important;
}
}
@media only screen and (min-width: 768px) and (max-width:1023px){
#gallery .portfolio li span.image-border {
  display: block;
  height: 293px;
  position: relative;
  width: 100% !important;
}

#gallery .portfolio li {
  background: none repeat scroll 0 0 #100c0c;
  color: #525252;
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
  margin: 0 0 21px 48px;
  position: relative;
  text-transform: none;
  vertical-align: top;
  width: 80% !important;
}
}
@media only screen and (min-width: 1023px) and (max-width:1279px){