
@media only screen and ( min-width:961px) and ( max-width:1024px ){

 #menu ul li > a { padding: 4px 9px; font-size: 12px;}

.info-header1 li a{font-size: 14px;}

.sbmt-btn { width: 100px;}

.servc-txt p{height: 370px; font-size: 15px;}

.home-slide-cntent h2{font-size: 25px;}

.home-slide-cntent h1{font-size: 30px;}

.home-slide-cntent{padding-top: 0px; padding-left: 50px;
padding-right: 50px;}

.home-slide-cntent p{font-size: 13px; padding: 0px;}

.home-slide-cntent a {
  font-size: 15px; margin-top: 20px;  float: left;
}

}

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

#menu ul li > a { padding: 4px 9px; font-size: 12px;}

.info-header1 li a{font-size: 11px;}

.but-02 { height: 28px; width: 28px; font-size: 14px !important;}

.track-011 h4{text-align: center;}

.services-slide {
  margin: 30px 0px 0px; padding: 0px 0px 0px 0px;}

.social-footer01 a{font-size: 14px;}

.social-footer i {
  width: 30px; height: 30px;  font-size: 17px; line-height: 31px !important;
}

.social-footer01 i {
  width: 27px; height: 27px; font-size: 17px;
  line-height: 27px !important; margin-right: 5px;
}

#home-slide-one {
  position: relative;
  background: #282828;
}

.home-slide-cntent h2{font-size: 25px;}

.home-slide-cntent h1{font-size: 30px;}

.home-slide-cntent{padding-top: 25px;}

.home-slide-cntent p{font-size: 13px; padding: 0px;}

.home-slide-cntent a {
  font-size: 15px; margin-top: 20px;  float: left;
}

}


@media only screen and ( min-width:600px) and ( max-width:767px ){


#home-slide-one{position: relative; background: #282828;}    

#home-slide-one .col-md-5{margin-top: 20px;}

.track-011 h4 { text-align: center;}

.choose-img {
  margin: 0px 0px 40px;  padding: 0px 20px;
}

.foot01 .col-lg-4{margin-bottom: 15px;}

.social-footer02{text-align: left;}

.social-footer {text-align: left;}

.footer-cpy{text-align: center;}

.footer-cpy a { text-align: center; float: none;}

.footer-cpy p{text-align: center; margin-top: 10px;}

.services-slide {
  margin: 30px 0px 0px; padding: 0px 0px 0px 0px;
}

.choose-txt-main{padding-left: 0px;}


.sbmt-btn{width: 100px;}

.logo-dv img{float: left;}

.info-header { text-align: left; margin-left: 0px;}

.home-slide-cntent{padding-top: 40px;}

.home-slide-cntent h2{font-size: 20px;color: #000;}

.home-slide-cntent h1 {
  color: #000; font-size: 24px;
}

.home-slide-cntent h3 {
  color: #000; font-size: 20px;
}

.home-slide-cntent p{color: #000;}

.home-new-slide{position: relative; padding: 0px;}

.slide-right-img {margin-top: 30px;}

.sv-sub ul li {
  font-size: 15px;  padding: 7px 18px;}


.info-header {padding-top: 0px !important;}

#menu ul.info-header li {
  display: inline-block !important;
}

#menu ul.info-header li a{padding: 0px !important;}

#menu ul.info-header li a > i {
  float: none !important; margin-left: 0px !important;
}

.info-header1 {padding-top: 0px !important;}

#menu ul.info-header1 li {
  display: inline-block !important;
}



#menu ul.info-header1 li a > i {
  float: none !important; margin-left: 0px !important;
}

#menu ul.info-header1 li > a{font-size: 12px;
padding: 5px 10px !important;}

.track-011 {
  margin-top: 30px;
}

.menu-dvs {
  margin: 0px 0px 0px;
}

}

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

#home-slide-one{position: relative; background: #282828;}    

#home-slide-one .col-md-5{margin-top: 20px;}

.track-011 h4 { font-size: 16px; text-align: center;}

.choose-img {
  margin: 0px 0px 40px;  padding: 0px 20px;
}

.foot01 .col-lg-4{margin-bottom: 15px;}

.social-footer02{text-align: left;}

.social-footer {text-align: left;}

.footer-cpy{text-align: center;}

.footer-cpy a { text-align: center; float: none;}

.footer-cpy p{text-align: center; margin-top: 10px;}

.services-slide {
  margin: 30px 0px 0px; padding: 0px 0px 0px 0px;
}

.servc-head h2, .choose-txt-main h1, #about-box h2,
#servc-box h2{font-size: 43px;}

.servc-head p, .choose-txt-main h2,
#servc-box h4 { font-size: 25px;}

.servc-head h5, .choose-txt-main h2 span{ font-size: 20px; line-height: 36px;}

.choose-txt-main{padding-left: 0px;}

.info-header1 li a{font-size: 12px;}

.sbmt-btn{width: 100px; font-size: 14px;}

.foot-sbmt{font-size: 14px;}

.logo-dv img{float: left;}

.info-header { text-align: left; margin-left: 0px;}

.menu-dvs {
  margin: 0px 0px 0px;
}

.home-slide-cntent{padding-top: 40px;}

.home-slide-cntent h2{font-size: 20px;color: #000;}

.home-slide-cntent h1 {
  color: #000; font-size: 24px;
}

.home-slide-cntent h3 {
  color: #000; font-size: 20px;
}

.home-slide-cntent p{color: #000;}

.home-new-slide{position: relative; padding: 0px;}

.slide-right-img {margin-top: 30px;}

.sv-sub ul li {
  font-size: 14px; line-height: 28px; margin-bottom: 5px;
  padding: 5px 10px;  margin-right: 8px; margin-top: 20px;
}

.info-header {padding-top: 0px !important;}

#menu ul.info-header li {
  display: inline-block !important;
}

#menu ul.info-header li a{padding: 0px !important;}

#menu ul.info-header li a > i {
  float: none !important; margin-left: 0px !important;
}

.info-header1 {padding-top: 0px !important;}

#menu ul.info-header1 li {
  display: inline-block !important;
}



#menu ul.info-header1 li a > i {
  float: none !important; margin-left: 0px !important;
}

#menu ul.info-header1 li > a{font-size: 12px;
padding: 5px 10px !important;}

.track-011 {
  margin-top: 30px;
}

}

* CSS used here will be applied after bootstrap.css */
.carousel {
    margin-top: 20px;
}
.item .thumb {
	width: 25%;
	cursor: pointer;
	float: left;
}

.item .thumb img {
    width: 100%;
    margin: 2px;
    height: 100px; max-height: 100px; min-height:100px;
}
.item img {
	width: 100%;	
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {width:100%; max-height:400px;  height: 400px; min-height:400px;
}

@media only screen and ( min-width:768px) and ( max-width:960px ){
	.carousel-inner>.item>img, .carousel-inner>.item>a>img {width:100%; max-height:100%;  height: auto!important;  min-height:100%;
}
.item .thumb img {
    width: 100%;
    margin: 2px;
    height: auto !important; max-height: 100%; min-height:100%;
}
.pro-box-img img { width:100%;     border-top-left-radius: 16px;
    border-top-right-radius: 16px;     height: auto;
    min-height: auto;
    max-height: auto;
}

}