@charset "utf-8";
/* CSS Document */

/*21 inch screen*/
@media only screen and (max-width:1600px) {
	
}

@media only screen and (min-width:1000px) and (max-width:1200px) {	

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { 
.wrap{max-width:960px;}


 }
<!--mobile size-->


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width:768px) and (max-width:999px) {
.wrap{max-width:720px;}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px) {
.wrap{max-width:600px;}
h3 {
  font-size: 16px !important;
}
.img-up {
  float: left;
  width: 100%;
}
.event-text {
  float: left;
  padding: 11px 0 55px;
  width: 100%;
}
.event-text > span {
  font-size: 9px;
  font-weight: bold;
}
.event-text-1 {
  float: left;
  padding: 11px 0 55px;
  width: 100%;
}
.event-text-1 > span {
  font-size: 9px;
  font-weight: bold;
}
.about-part-2 .img-responsive {
  width: 100%;
}
.pati-1 {
  padding: 4px;
}
#first-slider .slide1 h4, #first-slider .slide2 h4, #first-slider .slide3 h4, #first-slider .slide4 h4 {
  color: hsl(0, 0%, 100%);
  font-size: 12px;
  font-weight: 700;
  margin: 0 0 0 33px;
  text-transform: uppercase;
}
.col-md-3.text-right > img {
  margin: 0 0 0 20px;
  width: 66%;
}
h3 {
  font-size: 10px !important;
}
#first-slider .slide1 .text-left, #first-slider .slide3 .text-left {
  padding-left: 26px;
}
.col-md-5.text-right > img {
  margin: 0 34px 5px 2px;
  width: 50%;
}
#first-slider {
  margin: 0 0 0 0;
}
.carousel-inner {
  height: 386px !important;
}

}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:640px) {
.wrap{max-width:420px;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
.wrap{max-width:300px;}	
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
.wrap{max-width:300px;}	
}
 
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* STYLES GO HERE */
}
 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* STYLES GO HERE */
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
.wrap{max-width:720px;}
}
 
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
.wrap{max-width:720px;}
}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
.wrap{max-width:720px;}
}
 
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* STYLES GO HERE */
}
 
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* STYLES GO HERE */
}
 
/* iPhone 5 (portrait &amp; landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
.wrap{max-width:300px;}
}
 
/* iPhone 5 (landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
.wrap{max-width:300px;}
}
 
/* iPhone 5 (portrait)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
.wrap{max-width:300px;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
.wrap{max-width:300px;}	
}