/* CSS Document */

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

/************ index page Start ************/
/************ Top-navigation css ************/

/************ affix menu code ************/
.affix .logo { 
	width: 75%;
}  
.affix .button { 
	margin-top: 0px;
	margin-right: -5px;
} 
.affix #head-mobile { 
	padding: 0px !important;
}  
/************ affix menu code ************/
/************  top navigation ************/
.logo {
	
}
.logo-font {
    margin-top: 2% !important;
}
.contact-number {
	font-size:15px;
}
.social-01 {
    padding-top: 0px;
    float: left;
}
/************  top navigation ************/
.res-img { width:75%;}
/************  About Index ************/
.about-index-font {
    font-size: 25px;
	text-align:center;
    margin-top: 0%;
}
.about-index-font-01 {
    font-size: 15px;
	line-height:25px;
}
.video-top {
    margin-top: -44%;
}
.about-index {
    margin-bottom: 30px;
}
/************  About Index ************/
.awad-ma {
    margin-top: -3% !important;
}
/**********Client Slider***************/
.client-font {
    font-size: 25px;
    text-align: center;
}
.owl-carousel {
	margin-top: -26px !important;
}
/************Client Slider***************/

/*************Footer CopyRight css*************/
.footer-copy-text {
	margin-bottom:10px;
	font-size:10px;
	text-align:center;
}
.footer-copy-text a {
	margin-bottom:10px;
	font-size:10px;
	text-align:center;
}
/**********Footer CopyRight css*************/
/************ index page over ************/
.img-height {
    height: 140px !important;
}
.slider-heading {
    font-size: 30px;
    line-height: 30px;
    margin-top: -27%;
}
.img-effect::after {
    border: 2px solid #d4d4d4;
    content: "";
    position: absolute;
    width: 80%;
    height: 100%;
    left: 48px;
    top: 20px;
    display: inline-block;
    z-index: -1;
}
.img-effect img {
    width: 85%;
}
.img-effect {
    margin-top: 12%;
}
.with-nav-tabs.panel-danger .nav-tabs > li > a,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
	font-size: 16px !important;
}
.nav > li > a {
    padding: 5px 5px !important;
}
.tab-top {
    margin-top: 12%;
}
.ul-value {
    font-size: 15px;
    line-height: 25px;
	text-align:justify;
}

}



@media only screen and (min-width: 768px) and (max-width: 1024px) {
/************************ index page css Start ************************/
/*************top navigation************/
.logo-text {
    margin-top: -34% !important;
    margin-left: 30% !important;
    line-height: 13px;
}
.contact-number {
	font-size:10px;
}
.contact-text {
	font-size:14px;
}
/**********top navigation***************/

/*********Product Slider****************/
.view .mask, .view .content {
    left: -40px !important;
}
.product-slider {
    margin-bottom: 10px;
    margin-top: 20px
}
/********************** Product Slider  **********************/

/********************** About Index  **********************/
.about-index-font {
    font-size: 20px;
	margin-bottom: 10px;
    margin-left: 25px;
}
.about-index-font-01 {
    font-size: 16px;
	line-height:23px;
    margin-left: 25px !important;
}
.about-index {
    margin-bottom: 20px;
}
.video-top {
    margin-top: 22%;
    height: 330px;
    width: 337px;
}
.about-text-02 {
    font-size: 40px;
}
/************About Index *********/


/**********Client Slider *********/
.client-font {
    font-size: 25px;
}
.owl-carousel {
    margin-top: -10px !important;
    margin-bottom: 25px !important;
}
/***********Client Slider***********/

/************index page css over **********/

.img-effect::after {
    border: 2px solid #d4d4d4;
    content: "";
    position: absolute;
    width: 80%;
    height: 100%;
    left: 48px;
    top: 20px;
    display: inline-block;
    z-index: -1;
}
.img-effect img {
    width: 85%;
}
.contact-font-1 {
    font-size: 18px;
    margin-left: 6px;
    margin-top: 10px;
}
.contact-font-2 {
    font-size: 14px;
    margin-left: 8px !important;
}
.fream {
    height: 420px;
}
.font-3 {
    font-size: 14px;
    line-height: 18px;
}
.slider-heading {
    font-size: 30px;
    margin-top: -14%;	
	
}


@media only screen and (max-width: 1024px) {
#cssmenu > ul > li > a {
    padding: 10px 23px !important;
}
.awad-ma {
    margin-top: -5%;
}

}