@media only screen and (min-width: 768px) and (max-width: 979px)
 {
.wrapper						{min-width:768px;}
.header							{width:768px;}
#navmain						{width:768px;}

.header-in						{width:768px;}
#logo							{width:273px; padding:18px 0 24px 13px;}
.super							{width:235px;padding:39px 0 0;}
.super-rgt						{width:247px; padding:18px 0 0;}
#nav							{width:766px;}
#nav ul							{padding:0 0 0 17px;}
#nav ul li						{padding:9px 26px 5px 0;}
#nav ul li ul					{left:-18px;}
.main							{width:768px;}
.main-left						{width:768px;display:block;float:none;}
.banner							{width:748px;}
.banner-in						{width:748px;}
.banner-in img					{width:100%;height:auto;}
.service						{width:768px;}
.links							{width:717px;}
.main-right						{width:768px; display:block;float:none;padding:25px 0 0 0;}
.recent							{width:240px;padding:10px 0 56px 13px;margin:0 11px 0 10px; display:inline-block;float:left;}
.recent h2						{padding:6px 0 18px 55px;}
.recent p						{padding:0 19px 10px 0;}
.testimonials					{padding:0 0 3px;}

.block1							{width:250px; display:inline-block;float:left;margin:0 3px 0 0;}
.need							{width:250px;}
.client							{width:226px;}
.contact						{width:226px; display:inline-block;float:left;padding:16px 0 0 8px;}
.contact p						{padding:0 0 11px 4px;}
.contact h2						{padding:0 0 11px 4px;}
.contact .textfield				{width:194px;}
.contact .textfield1			{width:194px;}
.contact a						{margin:17px 0 0 1px;}
.information					{width:727px;margin:24px 0 0 11px}
.cntent							{width:235px;display:inline-block;float:left;}
.information ul					{background:none;}
.information ul.none			{padding:18px 0 0;}

.footer							{width:768px;}
.footer-last					{width:768px}

/* ------------------ inner1 HERE --------------------------*/
.heading						{width:768px;}
.toptext						{width:748px;}
.toptext p						{padding:22px 22px 22px 0px;}
.toptext p.lefttext				{width:350px;}
.links1							{width:716px;}
.lorem-main						{width:768px;}
.lorem							{width:726px;}	 

/* ------------------ profile HERE --------------------------*/
.profile						{width:768px;}
.attorney						{width:748px;}
.position						{width:768px;}
.position-lft					{padding:0 0 0 155px;}

/* ------------------ contactus HERE --------------------------*/
.contactus						{width:748px;}
.info							{width:742px;}
.personal						{width:712px;}
.preference						{width:732px;}
.lastblock						{width:728px;}
.information ul li em			{width:220px;margin:0;}
.information ul li em img		{width:100%;height:auto;}
 }
 
 
 
 
@media only screen and (min-width: 600px) and (max-width: 767px)
 {
.wrapper						{min-width:600px;}
.header							{width:600px;}
#navmain						{width:600px;}
	 
.header-in						{width:600px;}
#logo							{width:204px; padding:18px 0 24px 13px;}
#logo a							{width:150px;}
#logo a img						{width:100%;height:auto;}
.super							{width:177px;padding:39px 33px 0 0;}
.super a						{width:150px;}
.super a img					{width:100%;height:auto;}
.super-rgt						{width:165px; padding:10px 0 0;}
.super-rgt h3					{font-size:1.288em;}
#nav							{width:598px;}
#nav ul li ul					{left:-1px; top:33px;}
#nav ul							{padding:0 0 0 10px;}
#nav ul li						{padding:7px 10px 6px 0;}
#nav ul li a					{font-size:0.679em;}
.main							{width:600px;}
.main-left						{width:600px;display:block;float:none;}
.banner							{width:590px;}
.banner-in						{width:580px;}
.service						{width:580px;}
.service-nav					{width:580px;}
.box1 span						{font-size:0.825em;}
.fullservice					{width:580px;}
.main-right						{width:600px; display:block;float:none;padding:25px 0 0 0;}
.recent							{width:260px;padding:10px 0 35px 13px;margin:0 10px; display:inline-block;float:left;}
.recent h2						{padding:6px 0 18px 55px;}
.recent .bx-wrapper .bx-controls-direction a{top:293px;}
.recent p						{padding:0 19px 10px 0;}
.block1							{width:275px; display:inline-block;float:left;margin:0 3px 0 0;}
.need							{width:275px;}
.testimonials					{padding:0 0 3px;}
.client							{width:253px;}
.contact						{width:582px; display:inline-block;float:left;padding:21px 0 0 18px;}
.contact p						{padding:0 0 11px 4px;}
.contact h2						{padding:0 0 11px 4px;}
.contact .textfield				{width:400px;}
.contact .textfield1			{width:400px;display:block;}
.contact a						{margin:17px 0 0 1px;}
.information					{width:598px;margin:24px 0 0 0px;padding:16px 0 0 0px;}
.information h2					{padding:0 0 5px 8px;}
.cntent							{width:183px;display:inline-block;float:left;padding:0 0 0 9px;}
.information p					{font-size:0.699em;}
.information ul li a					{font-size:0.699em;}
.information ul					{background:none;}
.information ul.none			{width:206px; padding:18px 0 0;}

.footer							{width:600px;}
.footer-last					{width:600px}

/* ------------------ inner1 HERE --------------------------*/
.heading						{width:600px;}
.toptext						{width:580px;}
.toptext p						{padding:22px 22px 22px 0px;}
.toptext p.lefttext				{width:264px;}
.links1							{width:568px;}
.lastblk						{width:600px;}
.lorem							{width:550px;}	 
.lorem p						{width:374px;}
.lorem-main						{width:600px;}
/* ------------------ profile HERE --------------------------*/
.profile						{width:600px;}
.attorney						{width:590px;padding:20px 0 0 10px;}
.attorney p						{padding:0 8px 12px 0;}
.attorney-lft					{width:183px;padding:0 10px 25px 0;}
.attorney-rgt					{width:396px;}
.attorney-rgt-nav				{width:396px;}
.attorney-rgt-nav ul li			{padding:0 6px 0 0;}	 
.position						{width:600px;}
.position-lft					{padding:0 0 0 40px;}

/* ------------------ contactus HERE --------------------------*/
.contactus						{width:580px;}
.info							{width:570px;}
.personal						{width:543px;}
.preference						{width:564px;}
.lastblock						{width:564px;}
.information ul li em			{width:182px;margin:0;}
.information ul li em img		{width:100%;height:auto;}
.lastblock .custom-checkbox label{width:518px !important;}
 }
 
 
 
@media only screen and (min-width: 480px) and (max-width: 599px)
 {
.wrapper						{min-width:480px;}
.header							{width:480px;}
#navmain						{width:480px;}
	 
.header-in						{width:480px;}
#logo							{width:160px; padding:18px 0 24px 13px;}
#logo a							{width:120px;}
#logo a img						{width:100%;height:auto;}
.super							{width:130px;padding:23px 13px 0 0;}
.super a						{width:130px;}
.super a img					{width:100%;height:auto;}
.super-rgt						{width:163px; padding:10px 0 0;}
.super-rgt h3					{font-size:1.088em;}
.super-rgt h4					{padding:1px 0 2px 0;}
.menu							{cursor:pointer;display:block;text-align:center;padding:8px 0;}
.box							{top:100px;width:276px;}
.box p							{font-size:0.888em;line-height:20px;}
.box1							{top:120px;width:200px;}
.box1 span						{font-size:0.855em;}
.box1 p							{font-size:2.375em;line-height:31px;}

#nav ul li ul					{left:-1px; display:none;}

#nav							{width:478px;}
#nav ul							{padding:0 0 5px 0px;display:none;width:100%;}
#nav ul li						{width:100%;padding:5px 0px 5px 0;float:none;display:block;text-align:center;}
#nav ul li a					{width:100%;text-align:center;}
.main							{width:480px;}
.main-left						{width:480px;display:block;float:none;}
.banner							{width:470px;}
.banner-in						{width:460px;}
.banner-in img					{width:100%;height:auto;}
.service						{width:460px;}
.service-nav					{width:460px;}
.fullservice					{width:460px;}
.personal-content ul.col1		{padding:0px 0 0 20px;}
.personal-content				{width:445px;}
.main-right						{display:block;float:none;margin:0 auto;padding:30px 0 0;}
.footer							{width:480px;}
.footer-top						{width:480px;}
.footer-top ul li				{padding:0 1px 0 4px;}	 
.footer-top ul li a				{font-size: 0.699em;}
.footer-last					{width:480px}

/* ------------------ inner1 HERE --------------------------*/
.heading						{width:480px;}
.toptext						{width:460px;}
.toptext p						{padding:22px 22px 22px 0px;}
.toptext p.lefttext				{width:216px;padding:0 13px 23px 0;}
.links1 ul li a					{font-family:'Open Sans';font-size:0.750em;color:#454545;background:url(../images/arrw.png) no-repeat left 3px;padding:0 0 0 21px;display:inline-block;}
.toptext ul						{width:397px;padding:0 26px 8px 20px;margin:0;}
.toptext ul.col2				{width:397px;}
.toptext a.link					{margin:20px 0 18px 18px;}
.lorem-main						{width:480px;}
.links1							{width:445px;}
.lastblk						{width:480px;}
.lorem							{width:478px;margin:19px 0 0;}	 
.lorem p						{width:374px;display:block;float:none;}
.lorem a						{float:none;margin:3px 0 16px 21px;}

/* ------------------ profile HERE --------------------------*/
.profile						{width:480px;}
.attorney						{width:470px;padding:20px 0 0 10px;}
.attorney p						{padding:0 8px 12px 0;}
.attorney-lft					{width:183px;padding:0 10px 25px 0;}
.attorney-rgt					{width:250px;}
.attorney-rgt-nav				{width:256px;}
.attorney-rgt-nav ul li			{padding:0 8px 8px 0;}	 
.position						{width:480px;}
.position-lft					{width:156px; padding:0 0 0 0px;}

/* ------------------ contactus HERE --------------------------*/
.contactus						{width:460px;}
.info							{width:450px;}
.personal						{width:422px;}
.preference						{width:442px;}
.lastblock						{width:442px;}
.information ul li em			{width:260px;margin:0;}
.information ul li em img		{width:100%;height:auto;}
.lastblock .custom-checkbox label{width:384px !important;}

 } 
 
 
 
@media only screen and (min-width: 320px) and (max-width: 479px) 
 {
.wrapper						{min-width:320px;}
.header							{width:320px;}
#navmain						{width:320px;}
.header-in						{width:320px;}
#logo							{width:160px; padding:18px 0 20px 13px;margin:0 auto;display:block;float:none;}
#logo a							{width:120px;}
#logo a img						{width:100%;height:auto;}
.super							{width:130px;padding:20px 0 0 16px;}
.super a						{width:130px;}
.super a img					{width:100%;height:auto;}
.super-rgt						{width:174px; padding:0px 0 13px;}
.super-rgt h3					{font-size:1.088em;}
.super-rgt h4					{padding:1px 0 2px 0;}
.menu							{cursor:pointer;display:block;text-align:center;padding:8px 0;}
#nav							{width:318px;}
#nav ul li ul					{left:-1px; display:none;}

#nav ul							{padding:0 0 5px 0px;display:none;width:100%;}
#nav ul li						{width:100%;padding:5px 0px 5px 0;float:none;display:block;text-align:center;}
#nav ul li a					{width:100%;text-align:center;}
.main							{width:320px;}
.main-left						{width:320px;display:block;float:none;}
.banner							{width:310px;}
.banner-in						{width:300px;}
.banner-in img					{width:100%;height:auto;}
.box							{top:42px;width:175px;}
.box p							{font-size:0.588em;line-height:15px;margin:9px 0 0 8px;padding:3px 0 3px 10px;}
.box a.line						{font-size:0.588em;margin:0 0 6px 8px;}
.box1							{top:53px;width:128px;}
.box1 p							{font-size:1.575em;line-height:25px;}
.box1 p span					{font-size:0.85em;}
.fullservice					{width:300px;padding:0 0 0 10px;}
.service p						{padding:0 6px 0 0px;}
.service						{width:310px;}
.service h1						{font-size:1.1em;line-height:24px;padding:16px 0 12px 10px;}
.service h2						{padding:20px 0 11px 0px;font-size:1.113em;}
.service-nav					{width:310px;}
.box1 span						{font-size:1.25em;}
.personal-content				{width:302px;margin:25px 0 24px 0px;padding:0 0 15px 0;}
.links1 ul li a					{font-family:'Open Sans';font-size:0.750em;color:#454545;background:url(../images/arrw.png) no-repeat left 3px;padding:0 0 0 21px;display:inline-block;}

.personal-content ul						{padding:0 0 10px 16px;}
.personal-content ul.space					{padding:0 0 0 16px;}
.main-right						{width:300px; display:block;float:none;margin:0 auto;}
.footer							{width:320px;}
.footer-top						{width:320px;}
.footer-last					{width:320px}
.menu1							{cursor:pointer;display:block;text-align:center;padding:10px 0 7px;}
.footer-top ul					{display:none;padding:0 0 12px;}
.footer-top ul li				{width:100%;padding:4px 0;}
.footer-top ul li a				{width:100%;text-align:center;}	
.footer p						{padding:9px 71px 9px 14px;text-align:left;}
/* ------------------ inner1 HERE --------------------------*/
.heading						{width:320px;}
.toptext						{width:310px;padding:25px 0 0 10px;}
.toptext p						{padding:14px 22px 15px 0px;}
.toptext em						{width:278px;padding:13px 10px 0px 20px;}
.toptext ul						{margin:0;padding:0px 5px 5px 11px;width:286px;}
.toptext ul.col2				{width:286px;}
.toptext a.link					{margin:14px 0 18px 18px;}
.lastblk						{width:320px;}
.lorem-main						{width:320px;}
.lorem							{width:318px;margin:19px 0 0;}	 
.lorem p						{width:285px;display:block;float:none;}
.lorem a						{float:none;margin:3px 0 16px 21px;}
.toptext p.lefttext				{padding:0px 23px 15px 0;}
/* ------------------ profile HERE --------------------------*/
.profile						{width:320px;}
.attorney						{width:310px;padding:20px 0 0 10px;}
.attorney p						{padding:0 8px 12px 0;}
.attorney-lft					{width:183px;padding:0 10px 25px 50px;}
.attorney-rgt					{width:250px;padding:0 0 0 50px;}
.attorney-rgt-nav				{width:256px;padding:0 0 10px 0;}
.attorney-rgt-nav ul li			{padding:0 8px 8px 0;}	 
.position						{width:320px;}
.position-lft					{width:70px; padding:0 0 0 7px;}
.position-lft h2				{padding:0 0 22px 7px;}
.position-rgt					{width:206px;padding:0 0 22px 35px;}
.position-rgt ul				{padding:0 0 0 36px;}

/* ------------------ contactus HERE --------------------------*/
.contactus						{width:310px;padding:0 0 0 10px;}
.info							{width:290px;}
.personal						{width:280px;}
.preference						{width:300px;}
.lastblock						{width:300px;}
.information ul li em			{width:260px;margin:0;}
.information ul li em img		{width:100%;height:auto;}
.lastblock .custom-checkbox label{width:250px !important;}
.personal .textfield3			{width:234px;}
.personal select				{width:257px;}
.preference .textfield4			{width:234px;}
.lastblock p					{background:url(../images/triangle.png) no-repeat 23px 20px;}
 } 
 
 @media only screen and (min-width: 600px){
  .nav{display:block !important;}
}