/* CSS Document */

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

/************ index page css  ************/
/**** Top Navigation ****/
.menu {
	padding-top: 0px;
	padding-bottom: 10px;
}
.top-header {
	background-color: #fff;
}
.top-header-01 {
	border-radius: 0px;
}
.social-icons1 {
    font-size: 24px;
    padding-top: 0%;
}
.logo {
    width: auto;
    float: none;
    margin: 0;
    height: auto;
}
.top-nav { 
	margin-top:0px;
	margin-left: 0px;
}

.top-nav ul {
    list-style: none !important;
    padding: 0;
    display: inherit;
}

.top-nav ul li {
   display: inline-block;
}
.phone {
     color: #0092dd;
}
.email {
	font-size: 17px;
}
.email a {
	font-size: 13px;
}
.email a:hover {
   color: #1f1a16;    
}
.social-01 li a {
    color: #fff;     
    
}

/**** Top Navigation ****/

/*******  About Index css  ******/
.index-about {
	padding:10px;
	margin-top:-26%;
	margin-bottom: 25px;
}
.index-title { 
    font-size: 32px;
    line-height: 40px;
}
.about-index-img {
	margin-top:0;
	margin-left: -20px;
}
.index-about-contain {
    margin-left: 7px;
    width: 315px;
}
.about-index-font {
    font-size: 25px;
    line-height: 30px;
}
.about-index-font-01 {
	font-size: 15px;
	line-height: 22px;
	letter-spacing: 1px;
}
.about-index-font-02 {
  font-size: 12px;
  line-height: 22px;
}
.read-more-btn {
	float: none;
	width: 50%;
	font-size: 18px;
	padding: 8px;
}
.product-slider-01 {
    background-size: cover;
}
/*******  About Index css  ******/

/*******  Product css  ******/
.product-title {
	font-size: 20px;
}
.product-title::after {
	margin-left: 43%;
}
.nbs-flexisel-inner {
	height: 359px !important;
}
.nbs-flexisel-item img {
	width:310px !important;
}
.product-slider {
	margin-bottom: 12%;
}
.pro-slider-bg {
	width:310px;
}
figure.snip1033 {
	width:310px !important;
}
/*******  Product css  ******/

/*******  Services css  ******/
.client-font {
	padding: 10px;
	font-size: 20px;
	text-align: center;
	line-height: 22px;
	margin-bottom: 5px;
}
.client-font-1 {
		
	font-size: 13px;
	line-height: 22px;
	padding: 10px;
	text-align: unset;
	margin-bottom: 0px;
}
.services-content.services-carousel .owl-controls .owl-nav {
    left: auto;
    top: auto;
    position: unset;
}
.services-sldwrp .services-carousel {
		padding: 0;
		margin: 0 auto;
		width: 88%;
}
/*******  Services css  ******/
	
/*******  Footer css  ******/
.social-01 {

}
.footer-top {
	box-shadow: none;
	padding: 20px;
}
.footer-top ul {
	padding:0px;
	text-align:left;
}
.footer-font {
	text-align: left;
}
.footer-font-01 {
	font-size:27px;
	text-align: center;
}
.footer-font-02 {
	text-align: left;
	padding: 0px 0;
	font-size: 12px;
	line-height: 22px;
}
.footer-font-03 {
	text-align: left;
	padding-top: 0px;
	margin-top: 8px;
}
.footer-font-04 {
	text-align: left;
	padding: 0;
	font-size: 12px;
	line-height: 27px;
}
.footer-left {
  margin-left: 0;		
}
.footer-download {
	margin:0;
}
/*******  Footer css  ******/

/************ copy write Index css ************/
.copy-write-font {
	text-align: center;
	font-size: 11px;
	letter-spacing: 1px;
}
.copy-write-font-01 {
	float:none;
	text-align: center;
	font-size: 11px;
	letter-spacing: 1px;
}
/************ copy write Index css ************/
	
/************ About Page ************/
.inner-banner {
  margin-bottom: 0;		
}
.about-h1{
	font-size: 20px;
	width: auto;
	line-height: 32px;
	margin-top: -43px;
}
.about-h1 span {
    font-size: 15px;
    line-height: 0px;
}
.about-contain {
    margin-left: 5%;
    width: 89%;
    padding: 20px 10px;
}
.heading-abt {
    font-size: 20px;
    line-height: 25px;
    padding: 7px;
}
.about-font-02 {
   font-size: 14px;
   line-height: 25px;
   margin-bottom: 20px;
   letter-spacing: 0.9px;
   padding: 0px 10px;
}
/************ About Page ************/

/************ product css ************/   
table td {
    padding: 4px 17px;
    font-family: 'Questrial-Regular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 1px;
    line-height: 27px;
}
/************ product css ************/ 
    
/*********** Contact Page ***********/
.contact-contain {
    margin-left: 5%;
    width: 89%;
    padding: 20px 10px;
}
table td {
    padding: 0px 0px;
}
.contact-font-call {
    font-size: 14px;
    font-weight: normal !important;
    line-height: 20px;
    margin-bottom: 10px;
}
.contact-font{
   font-size: 12px;
   font-weight: normal !important;
   line-height: 10px;
   margin-bottom: 10px;
}
/*********** Contact Page ***********/
	
/*********** Inquery Page ***********/
.top-txt {
    border-radius: 25px;
    margin-left: 5%;
    width: 89%;
    padding: 20px 10px;
} 
/*********** Inquery Page ***********/
}











@media only screen and (min-width: 768px) and (max-width: 1024px) {
/************ index page css  ************/
/**** Top Navigation ****/
.logo {
    width: auto;
    float: none;
    margin-top: 0;
    margin-left: 5%;
    height: auto;
}
.top-nav {
    margin-left: 0;
    margin-top: 10px;
}
.top-nav ul li img {
	margin-left: 0;
	width: 30px;
}
.email {
    font-size: 12px;
    line-height: 15px;
}
.email a {
    font-size: 9px;
}
.social-01 {
   margin-left: 5px;
}
.social-01 li a {
    font-size: 12px;
}
/**** Top Navigation ****/

/***** Slider css ******/
.slider {
    margin-bottom: 20px;
}
#first-slider .carousel .item {
    min-height: 320px !important;
}
/***** Slider css ******/
 
 /***** about product ******/
.index-about-contain {
    margin-left: -6%;
    width: 50%;
    padding: 0% 2% 4% 2%;
}
.index-about {
    margin-bottom: 50px;
}
.index-title {
	font-size:26px;
	line-height:32px;
}
.about-index-font {
	font-size:14px;
	line-height:28px;
}
.about-index-font-01 {
	font-size:17px;
	line-height: 26px;
	letter-spacing: 0;
}
.about-index-font-02 {
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0;
}
/***** about product ******/

/*****  product slider******/
.product-title {
		
	font-size: 25px;
}
.product-slider {
	margin-bottom: 25px;
}
.pro-slider-bg {
		
	width: 245px;
	height:40px;
	padding: 10px 4px;
}
.product-font {
  font-size: 11px;		
}
/*****  product slider******/
    
/*****  our service slider******/
.client-font {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 27px;
    text-align: center;
    margin-bottom: 0px;
}
.client-font-1 {
    font-size: 13px;
    line-height: 22px;
    text-align: unset;
    font-weight: 400;
    margin-bottom: 0px;
    padding: 10px;
}
.services-sldwrp {
    padding: 0;
    width: 64%;
}
.services-sldwrp .services-carousel {
    padding-left: 4px;
}
.services-content .service-box .img-thumb img {
    min-height: 235px;
}
 .services-content .service-box .content .title {
        
	font-size: 12px;
	font-weight: 700;
}
.browse {
    font-size: 15px;
}
/*****  our service slider******/
    
/*****  product slider******/
    
/*******  Footer css  ******/
.footer-top {
	box-shadow: none;
	padding: 30px 10px;
}
.footer-font {
	font-size: 20px;
}
.footer-font-01 {
	font-size:18px;
}
.footer-font-02 {
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 18px;
}
.footer-font-03 {
	font-size: 11px;
}
.footer-download {
    margin-top: 16px;
}
.footer-font-04 {
	font-size: 8px;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 0px;
}



[class^="hvr-"] {
    padding: 7px;
    width: 25px;
    height: 25px;
    font-size: 11px;
    margin: 0 3px;
}
/*******  Footer css  ******/

/************ copy write Index css ************/
.copy-write {
		
	padding: 15px;
}
.copy-write-font {
	font-size: 11px;
	margin: 0;
}
.copy-write-font-01 {
	float:right;
	font-size: 12px;
	letter-spacing: 1px;
	margin: 0px;
}

.about-h1{
font-size: 28px;
margin-top: -15%;
margin-left: -11%;
}
.about-h1 span {

    font-size: 19px;
    line-height: 17px;
    margin-left: 1%;
}
.about-font-02 {

    font-size: 15px;
    line-height: 22px;
    padding: 10px;
    margin-bottom: 0px;
    letter-spacing: 1px;
}

/************ copy write Index css ************/
    
/************ About Page ************/
.about {
    margin-bottom: 2%;
    margin-top: -4%;
}
.about-contain {
    margin-left: -10%;
    width: 56%;
    border-radius: 25px;
    padding: 15px;
}
.heading-abt {
    font-size: 20px;
    line-height: 25px;
    padding: 8px;
    margin-bottom: 0px;
}
/************ About Page ************/
    
/************ contact Page ************/
.contact-font {
    font-family: 'Questrial-Regular';
    font-size: 15px;
    color: #0d155c;
    line-height: 20px;
    font-weight: 700;
    margin-left: 10px;
}
.contact-font-call {
    font-size: 18px;
    line-height: 25px;
}
.contact-contain {
    margin-left: -4%;
    width: 58%;
    box-shadow: 6px 6px 48pxrgba(0, 0, 0, 0.23);
    margin-top: 0%;
}
.top-txt {
    width: 46%;
    border: 1px solid #e7ecee;
    box-shadow: 6px 6px 48px rgba(0, 0, 0, 0.23);
    border-radius: 25px;
    padding: 0%;

/************ contact Page ************/