@media only screen and (max-width: 480px) {

/************************ index page css Start ************************/

/************ Top-navigation css start ************/
/************ affix menu code ************/
.affix .logo { 
	width: 50%;
}  
.affix .button { 
	margin-top: -60px;
	/*! margin-right: -20px; */
} 
.affix #head-mobile { 
	padding: 0px !important;
}  
.affix {
	/*! margin-left:-6%; */
}
/************ affix menu code ************/

.logo {
    margin-left: 0px !important;
}

.top-nav ul {
    list-style: none !important;
    padding: 0;
    display:inherit;
}
.top-nav {
    margin-left: 4%;
}
.top-nav ul li {
    padding: 5px 5px;
    display: inline-flex;
}
.social li {
    padding: 0px 0px !important;
    margin-bottom: 0;
}
/************ Top-navigation css over ************/

/************ slider css start ************/
.slider-img {
    height: 230px !important;
}
.slider-font {
    font-size: 18px;
    margin: 10px 0px 10px 0px;
}
/************ slider css over ************/

/************ About index css over ************/
.about-index {
    margin-top: -48%;
}
.about-index-text {
    font-size: 19px;
}
.about-index-text-01 {
	font-size:13px;
	margin-left: 0px !important;
	padding: 8px;
	line-height: 22px;
}
.btn {
   	width: 260px;
    height: 64px;
    left: 48%;
    top: 105%;
}
.margin-left {
    margin-left: 14% !important;
    margin-top: 70px;
}
    .about-textp {
    font-size: 13px;
    line-height: 22px;
}
/************ About index css over ************/

/************ Product slider css start *********/
.heading-01 {
	font-size:31px;
}
element {
    width: 390px;
}
#flexiselDemo3 li {
	margin-right:15px !important;
}
    .about-textp {
    font-size: 13px;
    margin-left: 0px !important;
    padding: 8px;
    line-height: 22px;
}
/************ Product slider css over *********/

/************ Info css Start *********/
.info-font {
    font-size: 15px;
    padding-top: 30px;
    padding-bottom: 18px;
}
/************ Info css over *********/

/************ Footer css Start *********/
.footer-font {
	font-size:14px;
}
.footer-font-01 {
   font-size: 13px;
}
.footer-font-03 {
	font-size:11px;
}
.footer-01 {
    margin-left: 10%;
    margin-top: 10px;
}
.footer-011 {
    margin-left: 10%;
    margin-top: 10px;
}
/************ Footer css over *********/
/************************ index page css over ************************/

/************************ About page css ************************/
.about-text {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0.0px;
}
.about-hading {
    font-size: 26px;
    width: 90%;
}
.visit-box-01-btn {
	font-size:18px;
}
/************************ About page css ************************/

/************************ services page css ************************/
.services-text {
    font-family: 'Questrial-Regular';
    font-size: 15px;
    color: #413e3e;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 22px;
    text-align: justify;
    margin-left: 3% !important;
    margin-bottom: 15px !important;
}
/************************ services page css ************************/
.about-ftr-text-01{
line-height: 21px !important;
font-size: 14px; 
}
.about-index2 {
    margin: 0%;
}
.contact-font {
    font-size: 13px;
	}
	
.video-size {
    width: 290px;
    height: 180px;
}
.v-heading {
   font-size: 10px;
}
    .footer-font-04 {
    font-size: 9px;
        line-height: 1px;
}
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
/************************ index page css Start ************************/

/************ Top-navigation css start ************/
.logo {
    margin-left: 0%;
}
.top-nav {
    margin-left: 0%;
}
.top-nav ul li {
    padding: 6px 11px;
}
/************ Top-navigation css Over ************/

/************ Slider css start ************/
.slider-section .carousel-caption{
	top: -0%;
	left: 20%;
}	
.slider-section .col-md-7.ow-pull-left {
    position: relative;
    left: -23% !important;;
    margin-top: 28% !important;
}
.slider-section .carousel-caption h4{
	font-size: 27px !important;
	/*! margin-top: 0 !important; */
	margin-bottom: 0px !important;
	line-height: 40px !important;
}
.slider-section .carousel-caption h3{
	font-size:29px !important;
	/*! margin-bottom: 35px !important; */
}
.slider-section .carousel-caption h6 {
    font-size: 25px !important;
	margin-bottom: 35px !important;
 }
 .slider-section .carousel-caption h5{
	font-size: 45px !important;
	margin-bottom: 35px !important;
}
/************ Slider css over ************/

/************ About-index css start ************/
.about-index-text {
	font-size:18px;
}
.about-index-text-01 {
	font-size:14px;
	line-height:21px;
}
.margin-left {
    margin-left: -2% !important;
}
.ower-img {
    margin-left: -12%;
}
.btn  {
	left:50%;
}
.contact-font {
    font-size: 13px;
}
.footer-font-03 {
    font-size: 8px;
    font-weight: normal !important;
}
.footer-font-02 {
    font-size: 14px;
}
.footer-font-email a {
    font-size: 10px;
}
.footer-font-email {
    font-size: 10px;
}
.footer-font-04 {
     font-size: 9px;
}
.about-ftr-text-01 {
    font-size: 14px;
}
.footer-font-01 {
    font-size: 22px;
	line-height: 10px;
}

.slider-font {
	 font-size: 34px;
	 margin: 10px 0px 18px 0px;
	}
.about-textp {
    font-size: 14px;
    font-family: 'Lane Narrow';
    margin-left: 2% !important;
}
  
.heading-01 {
    font-size: 25px;
    font-weight: 700;
    }
/************ About-index css Over ************/
    .video-size {
    width: 215px;
    height: 172px;
}
.v-heading {
   font-size: 10px;
}
 
   /************ Product css Over ************/  
/************************ index page css over ************************/
}