@media only screen and (max-width: 980px){
.container{width:95%; margin:0 auto;}
.info-part{width:30%;}
.left-employee{width:65%;}
.emp-img{width:30%;}
.emp-cont{width:70%;}
.emp-img > img{width:100%;}
.menu{width:70%;}
nav ul li a{font-size:12px;}   /* Edited 7/12/2015 by Abid */
nav ul li a:hover{font-size:12px;}   /* Edited 7/12/2015 by Abid */
nav ul li:hover ul{top:55px;}   /* Edited 7/12/2015 by Abid */
}
@media only screen and (max-width: 955px){
.container{width:95%; margin:0 auto;}
.logo{width:100%; text-align:center;}
.menu{width:100%; text-align:center;}
.number{float:none;}
nav{width:100%; text-align:center;}
nav ul{display:inline-block; float:none; width:auto;}
.newsletter{width:70%;}
.txtbox input[type="text"]{width:70%;}
.slider.webpage > img{width:100%; height:auto; min-height:}
.nav ul li a{font-size:14px;}  
}
@media only screen and (max-width:870px){
.footer-data{width:100%; text-align:center;}
.footer-left{width:100%;}
.ftr-logo{width:100%;}
.address{width:100%;}
.contact-details{width:100%;}
.footer-right{width:100%; text-align:center;}
.cpy{margin:35px 0 58px;}
}
@media only screen and (max-width:780px){
.social{padding:37px 10px 0 0;}

}
@media only screen and (max-width:750px){
.left-employee{width:100%;}
.info-part{width:100%;}
.emp-img > img{height:130px;}
.text-content h1{margin-top:30px!important;}
.text-content h3, .text-content h2, .text-content h1{text-align:center !important;}
.text-content{ padding:0 15px; box-sizing:border-box;}
}

@media only screen and (max-width:730px){
nav ul li a{font-size:12px;}
}
@media only screen and (max-width: 670px){
.newsletter{width:60%;}
nav ul li a{padding:21px 16px;}
nav ul li a:hover, nav ul li:hover a{padding:21px 16px;}   /* Edited 7/12/2015 by Abid */
.emp-img > img{height:auto;}
}
@media only screen and (max-width: 630px){
nav ul li a{padding:21px 12px;}
nav ul li a:hover, nav ul li:hover a{padding:21px 12px;}   /* Edited 7/12/2015 by Abid */
}
@media only screen and (max-width: 600px){
.newsletter{margin-left:0; padding-left:20px; box-sizing:border-box; width:100%;}
nav ul li a{padding:15px 8px;}
nav ul li a:hover, nav ul li:hover a{padding:15px 8px;}   /* Edited 7/12/2015 by Abid */
nav ul li a {font-size: 11px;}
nav ul li a:hover, nav ul li:hover a{font-size:11px;}   /* Edited 7/12/2015 by Abid */
.social{width:100%; text-align:center;}
.social-icon{width:auto; float:none; display:inline-block;}
.jcarousel ul{margin-left:35px!important;}
.social-icon {
margin: 0px !important;
float: none !important;
width: 100% !important;
text-align: center !important;
}
.social {
padding: 37px 10px 0 0 !important;
float: none !important;
text-align: center !important;
display: table-cell !important;
width: 100% !important;
float: left !important;
}
.social-icon ul{margin: 0px !important;
float: none !important;
width: auto !important;
list-style: none !important;
display: inline-block !important; }

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

}
@media only screen and (max-width: 480px){
.txtbox input[type="text"]{width:60%;}
.navbar{display:block; padding:10px;}
nav ul{display:none;}
nav ul li{width:100%; text-align:center;}
nav ul li a{float:left; width:100%; padding:15px 0;}
nav ul li a:hover, nav ul li:hover a{padding:15px 0;}   /* Edited 7/12/2015 by Abid */
nav ul li:hover ul{position:relative; width:100%; top:0; border:none;}   /* Edited 7/12/2015 by Abid */
nav ul li:hover li a{text-align:center;}    /* Edited 7/12/2015 by Abid */
.empoloyee-row{padding-bottom:8px;}
}
@media only screen and (max-width: 480px){
.emp-img{width:100%; height:auto;}
.emp-cont{width:100%;}
.emp-img{line-height:0;}
}
@media only screen and (max-width:320px){
.jcarousel ul{margin-left:42px!important;}

}

@media only screen and (max-device-width:720px) and (orientation:portrait){
}
@media only screen and (max-width:720px){ 

}