/* =======================================
SHEBU RESPONSIVE STYLES - DEVICES RESOLUTION
========================================== */

/* good method for responsive shahwal
@media all and (max-width: 991px) {}
@media all and (max-width: 569px) {}
*/
@media all and (max-width: 569px) {
/*register*/
.register {padding-top: 30px !important; padding-bottom: 30px !important;}
.register .regis-inside {width: 100% !important;}
.bgcenter{margin:0 auto; width:100% !important; height:auto;}
.new-regi-tbl {width:86% !important; margin-left:6% !important; padding:10px 0 30px 0;}	
.regis-inside .formregist {
	float: left;
	width: 100%;
	position: relative;
	background-color:#e6e6e6;
	border-radius:0px;
}
	
/*Login Page*/
.login {padding-top: 0px !important; padding-bottom: 0px !important;}
.login .login-inside {width: 100%;}
.centr {width:98% !important;}
.centr .centr-full {width: 100%; border:none;}
.centr-full h2 {font-size: 18px; line-height: 24px;	margin:0 0 6px 0%;}
.centr-full h3 {font-size: 14px; line-height: 20px;	margin:0 0 0px 0%;}
.centr-full .new-regis {height: auto !important; width: 100% !important; margin:20px 0 !important; padding:25px 0;}
.centr-full h4 {font-size: 18px; line-height: 20px;	color: #024ea1; margin-bottom:16px; padding-bottom:8px;}
.centr-full p {font-size: 13px; line-height: 22px;}
.centr-full ul {margin:10px 0 0 22px;}
.centr-full ul li {font-size: 13px;	line-height: 22px; padding-left:10px;}

.creat-new-ac {position:static; margin-top:30px; margin-right:25px; float:right;}
.creat-new-ac a {display:block; text-align:center; line-height:32px; background-color:#007338; font-size:14px; color:#FFF; text-decoration:none; border-radius:6px; font-weight:600}

.centr-full .just-signin {height: auto !important; width: 100% !important; margin:20px 0 !important; padding:25px 0;}
.short-login {position:static; width:90%; margin-top:30px; height:auto;}




	
/*logout page*/
.logout {margin-top: 50px;}
.logout img {width: 60%; float:right;}

.banner-in .usr-welcome {line-height: 45px;	width: 100%; text-align: center;}
.banner-in .search-box {width: 100%; padding-bottom:12px;}
.banner-in .search-box input {width:90%; margin-left:5% !important;}
.banner-in .search-box .search {width:120px; margin-left:37% !important;;}
.user-wl {padding-top: 30px; padding-bottom: 20px;}
.user-wl .userwl-inside {width: 96%;}
.userwl-inside ul {list-style:none;}
.userwl-inside ul li {margin-bottom: 20px; padding-top: 20px;}
.userwl-inside ul li .pcs {background-color:transparent; height: auto; width: 100%;	display:block;}
.userwl-inside ul li .pcs img {height: auto; width: 100%; display:block; vertical-align: middle;}
.userwl-inside ul li .pdf {display: table-cell; vertical-align: middle;}
.userwl-inside ul li .pdf a {margin:0 10px;}
.userwl-inside ul li .pdf a  img{height: auto; width: 100%;}
.userwl-inside ul li .txt {line-height:18px !important; font-size:13px !important;}
	
	
	
/* certification */
.cert .cert-in {width: 98% !important;}
.cert-in ul li {list-style:none; width:94% !important; margin:40px 1% 0 1%; display:inline-block;}


	
.pic-fix {width:100%; height:auto; float:none; position:relative; margin:15px auto 15px -20px !important;}
.pic-fix img {width:100%; height:auto; border:none;border-radius:5px}
	
.banner-new img{height:auto; background-size:cover;}	
.tobb {float: left; position: absolute;	top: 30px; height: auto; width: 100%; background-color: #e6e6e6;}
.tobb .tobb-in {width: 90%; position: relative;	height: auto !important; margin:0 auto;}
.tobb-in .topb-logo {height:auto; width: 100px !important;}
.tobb-in .topb-logo img {height: auto; width: 100%;}
.tobb-in .topb-name {height: auto; width: 150px !important; margin-top: 62px !important;}
.tobb-in .topb-name img {height: auto;width: 100%;}
.abs-respons-menu{
	background-image: url(../images/nav-icon-small.png);
	background-repeat: no-repeat;
	background-position:center center;
	float: right;
	width:20px;
	height:18px;
	padding:6px 12px;
	background-color:#6a6a6a;
	position:absolute;
	top:15px;
	right:30% !important;
}
.abs-respons-menu:hover .topb-right{display:block; margin-top:24px;}
.tobb-in .topb-right {display:none;}

/*home banner*/
.banner{width:100% !important;	min-width:200px !important;	max-width:569px !important;	height:auto !important; margin-top:126px !important;}
.banner ul li{width:100% !important; min-width:200px !important; height:auto !important; background-image:none !important; list-style:none;}
.banner ul li img {display:block !important; width:100%;  height:auto !important;}
.ban-in {display:none;}

/*news*/
.news {margin-top:-23px;	z-index:99;}
.news .newsbox {height: 63px; width: 94%;}
#vertical-ticker .headlines {font-size: 20px; line-height: 63px; padding-left: 6px; padding-right: 30px;background-position: 70px center;}
#vertical-ticker ul {width: 100%; position: relative; height: auto;	margin-left: 10px; height:63px; overflow:hidden;}
#vertical-ticker li.gp {font-size: 11px; line-height: 13px;	padding:15px 0 15px 0; display:block;}
#vertical-ticker li.gp a {display:block;}
#vertical-ticker li.gp a:hover {text-decoration: none;}


/*Home page welcome boxes*/
.welc {width: 100%;	padding-top:20px;padding-bottom:20px;}
.welc .wel-in {width: 95%;}
.wel-in .blocks {
	float: left;
	height: 184px;
	width: 100%;
	position: relative;
	background-color: #dcdcdc;
	border: 1px solid #cbcbcb;
	background-image:none;
	background-position: right top;
	background-repeat: no-repeat;
	padding-top: 22px;
	margin:15px 0;
}
.wel-in .blocks h3 {
	font-family: "Open Sans";
	font-size: 18px;
	line-height: 18px;
	color: #007338;
	font-weight: 600;
	margin-bottom: 5px;
	margin-left: 20px;
}
.wel-in .blocks p {
	font-family: "Open Sans";
	font-size: 13px;
	line-height: 17px;
	color: #222222;
	width: 57%;
	margin-left: 20px;
}

.wel-in .blocks .line {height: 16px; bottom: 10px;}
.blocks .doubleline {
	height: 53px;
	width: 95%;
	display:block;
	position: absolute;
	bottom: 0px;
	font-family: "Open Sans";
	font-size: 15px;
	line-height: 18px;
	font-weight: 700;
	color: #FFF;
	padding: 11px 0 0 5%;
}


/*Home page Footer*/
.ftr {width: 100%; padding:12px 0;}
.ftr .ftr-in {width: 90%;}
.copyrights{width:96%;  font-size: 12px;}
.r-icon{width: 100%; display:block; text-align:center; float:left; }
.r-icon ul {margin:0 auto !important; width:160px;}
.r-icon ul li {margin-left:0px;}
.r-icon ul li a {text-align:left;}


/* inner banners PLUS */
.inside-banner {margin-top: 126px !important;}
.inside-banner .banner-in {height: 70px; width: 90%;}
.banner-in .titles {font-size: 30px !important; line-height: 70px;width: 100%;}


.about-us {padding-top: 30px; padding-bottom: 30px;}
.about-us .about-ins {width: 90%;}
.about-ins .sideproduct {float: none; margin-left: 30px;}
.about-ins .sideproduct img {width:60%; float:right; margin-left:12px;}
.about-ins p {font-size: 12px !important; line-height: 18px; text-align:left;}



/*services*/
.serv {padding-top: 40px; padding-bottom: 40px;}
.serv .serv-in {width: 100%;}
.serv-in ul li span {float: right; margin-right: 1%;}
.serv-in ul li span a {color:transparent; font-size:2px !important; background-image: url(../images/submit-test-sample-icon.jpg);
	background-repeat: no-repeat;
	background-position:center center;}
.serv-in ul li span a:hover {
	color:transparent;
	background-color: #15bd67;
}

.serv-in ul {width: 100%;}
.serv-in ul li {font-size: 11px; text-indent: 10px;}


/*career*/
.career .career-in {width: 94%;}
.career-in .infbox p {font-size: 12px !important; line-height: 18px !important; text-align:left;}
.heading {font-size: 25px !important;	line-height: 25px;}
.subheading {font-size: 14px !important;	padding-left: 2px;}
.subheading span {font-size: 12px;}
.career-in p {font-size: 12px !important; line-height: 18px; padding-right: 10px; padding-left: 15px;}
.career-in .appl {
	height: 28px;
	width: 100px;
	margin-left: 18px;
	margin-top: 15px;
}
.career-in .appl a {font-size: 14px;}


/*apply online us*/
.apply {background-size:cover;}
.apply .apply-inside {width: 94%;}
.apply-inside .formapply {width: 100%;}
.apply-inside .formapply p {font-size: 14px; line-height: 20px;}
.aplyfom label {width: 96%; p margin-bottom: 17px;}
.aplyfom .send {width: 109px;}
.aplyfom label .radio {margin-right: 4px;}
.aplyfom label table td {font-size: 13px; font-weight:bold;}


/*contact us*/
.contactus {padding-top: 30px; padding-bottom: 60px;}
.contactus .cont-inside {width: 94%;}
.cont-inside .formarea {width: 100%;}
.formarea .startform {width: 100%;}
.contcfom label {width: 96% !important; margin-right: 0% !important; margin-bottom: 17px;}
.contcfom label input  {width: 100%;}
.contcfom label textarea  {width: 100%;}
.cont-inside .rightarea {width: 100%; margin-top:50px;}
.rightarea h2 {font-size: 24px; line-height: 24px;}
.rightarea .maps {float: left; height: 100%; width: 100%;}


/*page news*/
.pg-news {padding-top: 30px; padding-bottom: 30px;}
.pg-news .pgnews-in {width: 96%;}
.pgnews-in .pcs {float:none; height: auto; width: 96%; margin: 10px 0;}
.pgnews-in .pcs img {width:100%}
.pgnews-in h3 {font-size: 16px;}
.pgnews-in p {font-size: 12px !important; line-height: 18px !important;}

/*screen tab*/
.screen-tab {width:100%; height:auto; margin-bottom:60px;;}
ul.dt-sc-tabs li{margin-right:1px; float:left; display:inline; padding-bottom:0px; width:100%;}
ul.dt-sc-tabs li a{padding:0 5% !important; border-radius:0px !important; margin:0; display:block; width:90%;font-size:16px !important;font-weight:500 !important; border-bottom:solid 1px #FFF}
.dt-sc-tabs-frame-content, .dt-sc-tabs-content{width:100%; padding:0 !important; font-family: "Open Sans";}

.screen-list {width:100%; height:auto;}
.screen-list ul li {width:100%; margin-right:0%;}
.screen-list ul li:nth-child(even) {width:100%; margin-right:0;}


/*inner second pages forlder*/
.st-box .title {font-size: 14px; line-height:14px; font-weight:600}
.st-box th:nth-child(1) {width:60% !important}
.st-box th:nth-child(2) {width:15% !important}
.st-box th:nth-child(3) {width:25% !important; text-align:center; vertical-align:middle;}
.st-box th {font-size: 13px; line-height:26px; font-weight:600;}
.st-box tr td {font-size: 12px; padding:10px;}

.st-box td span {float:none; margin-right: 1%;}
.st-box td span a {color:transparent; font-size:2px !important; background-image: url(../images/submit-test-sample-icon.jpg);
	background-repeat: no-repeat;
	background-position:center center;}
.st-box td span a:hover {
	color:transparent;
	background-color: #15bd67;
}



}


@media all and (max-width: 991px) {
/*register*/
.register {padding-top: 30px; padding-bottom: 30px;}
.register .regis-inside {width: 100%;}
.bgcenter{margin:0 auto; width:85%; height:auto;}
.new-regi-tbl {width:60%; margin-left:16%; padding:10px 0 30px 0;}	
	
/*Login Page*/
.login {padding-top: 40px; padding-bottom:40px;}
.login .login-inside {width: 100%;}
.centr {margin:0 auto; width:95%; height:auto;}
.centr-full p {font-size: 13px; line-height: 22px;}
.centr-full ul {margin:5px 0 0 13px;}
.centr-full ul li {font-size: 13px;	line-height: 22px; padding-left:6px;}	
.centr-full .new-regis {
	background-color: #f6f6f6;
	float: left;
	height: 300px;
	width: 38%;
	margin-left:5%;
	padding:15px;
	position:relative;
}
.centr-full .just-signin {
	padding:15px;
	background-color: #f6f6f6;
	float: left;
	height: 300px;
	width: 38%;
	margin-left:5%;
	position:relative;
}


/*logout page*/
.logout {margin-top: 50px;}
.logout img {width: 60%; float:right;}

.banner-in .usr-welcome {line-height: 45px;	width: 100%; text-align: center;}
.banner-in .search-box {width: 100%; padding-bottom:12px;}
.banner-in .search-box .search {width:120px; margin-left:0;}
.user-wl {padding-top: 30px; padding-bottom: 20px;}
.user-wl .userwl-inside {width: 96%;}
.userwl-inside ul {list-style:none;}
.userwl-inside ul li {margin-bottom: 20px; padding-top: 20px;}
.userwl-inside ul li .pcs {background-color:transparent; height: auto; width: 100%;	display:block;}
.userwl-inside ul li .pdf {display: table-cell; vertical-align: middle;}
.userwl-inside ul li .pdf a {margin:0 15px;}
.userwl-inside ul li .txt {line-height:22px; font-size:15px;}
	
		
	
	
/* certification */
.cert .cert-in {width: 98%;}
.cert-in ul li {list-style:none; width:30%; margin:40px 1% 0 1%; display:inline-block;}
.cert-in ul li a {font-size: 24px; text-indent:15px; background-position:98% center;}

	
.banner-new img{height:auto; background-size:cover;}
.tobb {float: left; position: absolute;	top: 30px; height: auto; width: 100%; background-color: #e6e6e6;}
.tobb .tobb-in {width: 90%; position: relative;	height: auto !important; margin:0 auto;}
.tobb-in .topb-logo {height:auto; width: 110px;}
.tobb-in .topb-logo img {height: auto; width: 100%;}
.tobb-in .topb-name {height: auto; width: 190px; margin-top: 68px;}
.tobb-in .topb-name img {height: auto;width: 100%;}
.abs-respons-menu{
	background-image: url(../images/nav-icon-small.png);
	background-repeat: no-repeat;
	background-position:center center;
	float: right;
	width:20px;
	height:18px;
	padding:6px 12px;
	background-color:#6a6a6a;
	position:absolute;
	top:15px;
	right:48%;
}
.abs-respons-menu:hover .topb-right{display:block; margin-top:24px;}
.tobb-in .topb-right {display:none;}

/*home banner*/
.banner{width:100% !important;	min-width:570px;	max-width:991px;	height:auto !important; margin-top:126px !important;}

/*news*/
.news {margin-top:-23px;	z-index:99;}
.news .newsbox {height: 63px; width: 94%;}
#vertical-ticker .headlines {font-size: 20px; line-height: 63px; padding-left: 6px; padding-right: 30px;background-position: 70px center;}
#vertical-ticker ul {width: 100%; position: relative; height: auto;	margin-left: 10px; height:63px; overflow:hidden;}
#vertical-ticker li.gp {font-size: 13px; line-height: 15px;	padding:20px 0 15px 0; display:block;}
#vertical-ticker li.gp a {display:block;}
#vertical-ticker li.gp a:hover {text-decoration: none;}


/*Home page welcome boxes*/
.welc {width: 100%;	padding-top:20px;padding-bottom:20px;}
.welc .wel-in {width: 95%;}
.wel-in .blocks {
	float: left;
	height: 184px;
	width: 100%;
	position: relative;
	background-color: #dcdcdc;
	border: 1px solid #cbcbcb;
	background-image:none;
	background-position: right top;
	background-repeat: no-repeat;
	padding-top: 22px;
	margin:15px 0;
}
.wel-in .blocks h3 {
	font-family: "Open Sans";
	font-size: 18px;
	line-height: 18px;
	color: #007338;
	font-weight: 600;
	margin-bottom: 5px;
	margin-left: 20px;
}
.wel-in .blocks p {
	font-family: "Open Sans";
	font-size: 13px;
	line-height: 17px;
	color: #222222;
	width: 70%;
	margin-left: 20px;
}

.wel-in .blocks .line {height: 16px; bottom: 10px;}
.blocks .doubleline {
	height: 53px;
	width: 95%;
	display:block;
	position: absolute;
	bottom: 0px;
	font-family: "Open Sans";
	font-size: 15px;
	line-height: 18px;
	font-weight: 700;
	color: #FFF;
	padding: 11px 0 0 5%;
}


/*Home page Footer*/
.ftr {width: 100%; padding:12px 0;}
.ftr .ftr-in {width: 90%;}
.copyrights{width:96%;}
.r-icon{float:none; margin:0 auto; width:80%; }
.r-icon ul {max-width:590px; min-width:160px;;}
.r-icon ul li {float:none; display:inline-block;	margin-top: 4px; margin-left: 6px;}
.r-icon ul li a {text-align:left;}


/* inner banners PLUS */
.inside-banner {margin-top: 136px;}
.inside-banner .banner-in {height: 70px; width: 94%;}
.banner-in .titles {font-size: 40px; line-height: 70px;width: 100%;}


.about-us {padding-top: 30px; padding-bottom: 30px;}
.about-us .about-ins {width: 94%;}
.about-ins .sideproduct {float: none; margin-left: 30px;}
.about-ins .sideproduct img {width:60%; float:right; margin-left:12px;}
.about-ins p {font-size: 14px; line-height: 22px;}


/*services*/
.serv {padding-top: 40px; padding-bottom: 40px;}
.serv .serv-in {width: 100%;}
.serv-in ul {width: 100%;}


/*career*/
.career .career-in {width: 94%;}
.career-in .infbox p {font-size: 14px; line-height: 20px; text-align:left;}
.heading {font-size: 30px;	line-height: 30px;}
.subheading {font-size: 18px;	padding-left: 2px;}
.subheading span {font-size: 14px;}
.career-in p {font-size: 14px;}
.career-in .appl a {font-size: 16px;}


/*apply online us*/
.apply .apply-inside {width: 94%;}
.apply-inside .formapply {width: 100%;}

/*contact us*/
.contactus {padding-top: 30px; padding-bottom: 60px;}
.contactus .cont-inside {width: 94%;}
.cont-inside .formarea {width: 100%;}
.formarea .startform {width: 100%;}
.contcfom label {width: 46%; margin-right: 4% !important; margin-bottom: 27px;}
.contcfom label input  {width: 100%;}
.contcfom label textarea  {width: 100%;}
.cont-inside .rightarea {width: 100%; margin-top:50px;}
.rightarea h2 {font-size: 24px; line-height: 24px;}
.rightarea .maps {float: left; height: 100%; width: 100%;}


/*page news*/
.pg-news {padding-top: 30px; padding-bottom: 30px;}
.pg-news .pgnews-in {width: 96%;}

.pgnews-in h3 {font-size: 18px;}
.pgnews-in p {font-size: 14px; line-height: 22px;}



/*screen tab*/
.screen-tab {width:100%; height:auto; margin-bottom:60px;;}
ul.dt-sc-tabs li a{font-size:18px !important;font-weight:500 !important;}
.dt-sc-tabs-frame-content, .dt-sc-tabs-content{width:100%; padding:0 !important; font-family: "Open Sans";}

.screen-list {width:100%; height:auto;}

/*inner second pages forlder*/
.st-box th:nth-child(1) {width:50%}
.st-box th:nth-child(2) {width:15%}
.st-box th:nth-child(3) {width:35%; text-align:center;}

}



@media only screen and (min-width: 480px) and (max-width: 569px){
/* certification */
.cert .cert-in {width: 98% !important;}
.cert-in ul li {list-style:none; width:88% !important; margin:40px 1% 0 1%; display:inline-block;}
.cert-in ul li a {text-indent:40px; background-position:90% center;}
	
.welc .wel-in {width: 95%;}
.wel-in .blocks {
	float: left;
	height: 184px;
	width: 100%;
}
.wel-in .blocks p {
	font-family: "Open Sans";
	font-size: 15px;
	line-height: 22px;
	color: #222222;
	width: 65%;
	margin-left: 20px;
}
.wel-in .blocks .diagnosis {margin-left:140px; width:65%; font-size: 15px; line-height: 22px;}
.wel-in .blocks .special-offer {width:65%;}


/*about us*/
.about-ins p {font-size: 12px !important; line-height: 18px; text-align:justify;}
.about-ins .sideproduct img {width:60%; float:right; margin-left:12px;}

/*services */
.serv-in ul li {font-size: 13px; text-indent: 10px;}

/*career*/
.career-in .infbox p {font-size: 13px !important; line-height: 20px !important; text-align:left;}
.heading {font-size: 28px;	line-height: 28px;}
.subheading {font-size: 15px;	padding-left: 2px;}
.subheading span {font-size: 13px;}
.career-in p {font-size: 13px; line-height: 20px; padding-right: 10px; padding-left: 15px;}
.career-in .appl a {font-size: 14px;}

/*apply online us*/
.apply .apply-inside {width: 94%;}
.apply-inside .formapply {width: 100%;}
.apply-inside .formapply p {font-size: 14px; line-height: 20px;}
.aplyfom label {width: 46%; margin-bottom: 17px;}
.aplyfom .send {width: 119px;}


/*contact us*/
.contactus {padding-top: 30px; padding-bottom: 60px;}
.contactus .cont-inside {width: 94%;}
.cont-inside .formarea {width: 100%;}
.formarea .startform {width: 100%;}
.contcfom label {width: 46% !important; margin-right: 4% !important; margin-bottom: 17px;}
.contcfom label textarea  {width: 100%;}
.cont-inside .rightarea {width: 100%; margin-top:50px;}
.rightarea .maps {float: left; height: 100%; width: 100%;}

/*page News*/
.pgnews-in:nth-child(1) .pcs {margin:0 10px 0 0px;}
.pgnews-in:nth-child(2) .pcs {margin:0 0px 0 0px;}
.pgnews-in:nth-child(3) .pcs {margin:0 10px 0 0px;}
.pgnews-in .pcs {float:left; height: auto; width: 46%; margin:0px;}
.pgnews-in .pcs img {width:100%}
.pgnews-in h3 {font-size: 16px;}
.pgnews-in p {font-size: 13px; line-height: 20px;}


/*inner second pages forlder*/
.st-box th:nth-child(1) {width:70% !important}
.st-box th:nth-child(2) {width:15% !important}
.st-box th:nth-child(3) {width:15% !important; text-align:center !important; vertical-align:middle;}
.st-box th {font-size: 13px; line-height:26px; font-weight:600;}
.st-box tr td {font-size: 12px; padding:10px;}
.st-box td span {float: none;}



}



@media only screen and (min-width: 570px) and (max-width: 770px){
/* certification */
.cert .cert-in {width: 98% !important;}
.cert-in ul li {list-style:none; width:47% !important; margin:40px 1% 0 1%; display:inline-block;}	
	
.welc .wel-in {width: 95%;}
.wel-in .blocks {
	float: left;
	height: 184px;
	width: 100%;
}
.wel-in .blocks h3 {font-size: 22px; line-height: 22px;	margin-bottom: 15px;}
.wel-in .blocks p {font-size: 17px; line-height: 26px; width: 75%;}
.wel-in .blocks .diagnosis {margin-left:140px; width:75%; font-size: 17px; line-height: 26px;}
.wel-in .blocks .special-offer {width:75%;}

/*about us*/
.about-ins p {font-size: 13px; line-height: 20px;}
.about-ins .sideproduct img {width:50%; float:right; margin-left:15px;}

/*services */
.serv-in ul li {font-size: 14px; text-indent: 10px;}
.serv-in ul {width: 96%;}

/*apply online us*/
.apply .apply-inside {width: 94%;}
.apply-inside .formapply {width: 100%;}
.apply-inside .formapply p {font-size: 14px; line-height: 20px;}
.aplyfom label {width: 46%; margin-bottom: 17px;}
.aplyfom .send {width: 139px;}
}


@media only screen and (min-width: 771px) and (max-width: 991px){
.welc .wel-in {width: 95%;}
.wel-in .blocks {
	float: left;
	height: 184px;
	width: 100%;
}
.wel-in .blocks h3 {font-size: 24px; line-height: 24px; margin-top:10px; margin-bottom: 15px;}
.wel-in .blocks p {font-size: 18px; line-height: 28px; width: 80%;}
.wel-in .blocks .diagnosis {margin-left:140px; width:80%; font-size: 18px; line-height: 28px;}
.wel-in .blocks .special-offer {width:80%;}


/*about us*/
.about-ins .sideproduct img {width:38%; float:right; margin-left:15px;}

/*services */
.serv-in ul {width: 96%;}
}




@media only screen and (min-width: 150px) and (max-width: 319px){

}



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

}



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



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

}



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

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

}



@media (min-width: 1200px) {

}




@media (min-width: 1340px){

}