/*
	Author: Pixel Art Inc.
	Author URI: http://www.pixelartinc.com/
	Author Email: info@pixelartinc.com
*/



/****************************************************************************
(800 X 600) + (768 X 1024)
****************************************************************************/
@media only screen and (min-width: 768px) and (max-width: 959px)
{
	.header-wrapper header{width:720px; margin: 0 auto; s} 
	.header-wrapper header .main-nav li{ margin-left: 10px; }
	
	.header-wrapper .header-text{width:720px;}
	.header-wrapper .header-text p{ width:490px; }

	.slider .slide > div { width: 720px; }
	.slider .slide-content > div { width: 450px; float: left; }
	.slider .slide-content img { width: 250px; margin: 38px 0 0; }
	
	.feature-wrapper{ background-repeat:repeat;}
	.feature-wrapper .feature { width:720px; }
	.feature-wrapper .feature .customization { margin-bottom: 30px; }
	.feature-wrapper .feature .customization:last-child{ float:left; margin-right:11px; }
	
	.contant{ width: 720px; margin:0 auto; }
	.contant .recent-work a { float:left; margin: 0px 5px; width:230px !important; height:230px; }
	
	.contant .about #aboutus{width: 350px; float:left;margin-left:10px;}
	
	.specialoffer{width: 720px; padding:0px;background:#194772;}
	.specialoffer p{ float:none;margin:30px 0px 20px 20px; }
	.specialoffer p span { display: block;}
	.specialoffer a.btn { margin: -65px 20px 0px 0px; }
	
	.bottom-wrapper .bottom{width:720px; padding:40px 0px 40px;}
	.bottom-wrapper .bottom .blog{ width:230px; margin: 0px 10px 0px 0px; float:left;}
	.bottom-wrapper .bottom .tweets{width:230px; margin:0px 10px 0px 0px; float:left;}
	.bottom-wrapper .bottom .touch{width:230px; margin:0px; float:right;}
	
	.footer-wrapper footer{width:720px;}

	.team-wrapper .our-team{width:720px; margin: 0 auto;}
	.team-wrapper .our-team ul li{ margin-right: 40px; margin-bottom: 40px; }
	.team-wrapper .our-team ul li:nth-child(3n) { margin-right: 0px; }
	
	.contant .who-we{ width:350px; margin-right: 20px; }
	.contant .who-we-image { width:350px; }
	.contant .who-we-image img { width: 100%; }
	
	.contant .hiring{ width:680px; padding: 0px 20px; margin:0px auto 30px; }
	.contant .hiring h4 { float: none; margin: 15px 0 0; }
	.contant .hiring p { margin: 0px; }
	.contant .hiring .orange { margin-top: -25px; } 
	
	.contant .we-do{width:300px; float:left; margin:20px 0px 20px 50px;}
	.contant .clients{width:300px; float:right;margin-right:50px; margin-bottom:15px;margin-top:25px;}
	.contant .clients .top-comments{background: #fff url(images/colums.png) no-repeat 330px 130px;width:273px;padding: 34px 15px 18px 10px}
	.contant .clients .botom-comments{background: url(images/quotebottom-small.png) no-repeat; height:28px; width:300px; margin-bottom:13px;}
	
	#work .contant { padding:40px 0px; width:720px; margin: 0 auto;}
	#work .protfolio ul li { width: 160px; margin: 0 10px 10px; overflow:hidden; height:160px;}
  	#work .protfolio ul li a {width:160px;height:160px;line-height:160px;}

	.table-wrapper{width:760px;}
	.pricetable{width:768px;}
	.pricetable ul{width:225px;margin:20px 10px; float:left !important; border:1px solid #44484d; border-radius:5px;overflow:hidden; }
	.pricetable ul:hover{ width: 220px; }
	
	.table-wrapper-b{width:768px;}
	.pricetable-b{width:768px;}
	.pricetable-b ul{width:225px; float:left; margin:20px 10px; }

	.contant .services .web-dd{ float:left; margin-bottom:20px; width:350px; }
	.contant .services .copy-r{float:right; width:350px; }
	.contant .services .copy-r h1 {background:url(images/cp.png) no-repeat;}
	
	.contact-form form input[type="text"]{ padding:15px 22px; width: 190px;  margin: 0px 0px 20px 0px; }
	.contact-form form textarea{ width:676px; margin-bottom:10px;}
	
	#map_canvas { margin: 0px 0px 30px; width: 720px; height: 360px; overflow: hidden; }
	
	.container { width:720px; margin:0 auto; padding-bottom: 46px; }
	.container .contant { float:left; width:450px; margin-right:40px; }
	.container .sidebar { float:right; width:230px; }
	
	.comments{ width:450px; float: none; margin-left:10px;text-align:left;}
	.comments .com {width: 373px;float:right;}
	#respond textarea { width:398px; }
}


/****************************************************************************
(768)
****************************************************************************/
@media only screen and ( max-width: 768px )
{
	.header-wrapper header{width:720px; margin: 0 auto; s} 
	.header-wrapper header .main-nav li{ margin-left: 10px; }
	
	.header-wrapper .header-text{width:720px;}
	.header-wrapper .header-text p{ width:490px; }

	.slider .slide > div { width: 720px; }
	.slider .slide-content > div { width: 450px; float: left; }
	.slider .slide-content img { width: 250px; margin: 38px 0 0; }
	
	.feature-wrapper{ background-repeat:repeat;}
	.feature-wrapper .feature { width:720px; }
	.feature-wrapper .feature .customization { margin-bottom: 30px; }
	.feature-wrapper .feature .customization:last-child{ float:left; margin-right:11px; }
	
	.contant{ width: 720px; margin:0 auto; }
	.contant .recent-work a { float:left; margin: 0px 5px; width:230px !important; height:230px; }
	
	.contant .about #aboutus{width: 350px; float:left;margin-left:10px;}
	
	.specialoffer{width: 720px; padding:0px;background:#194772;}
	.specialoffer p{ float:none;margin:30px 0px 20px 20px; }
	.specialoffer p span { display: block;}
	.specialoffer a.btn { margin: -65px 20px 0px 0px; }
	
	.bottom-wrapper .bottom{width:720px; padding:40px 0px 40px;}
	.bottom-wrapper .bottom .blog{ width:230px; margin: 0px 10px 0px 0px; float:left;}
	.bottom-wrapper .bottom .tweets{width:230px; margin:0px 10px 0px 0px; float:left;}
	.bottom-wrapper .bottom .touch{width:230px; margin:0px; float:right;}
	
	.footer-wrapper footer{width:720px;}

	.team-wrapper .our-team{width:720px; margin: 0 auto;}
	.team-wrapper .our-team ul li{ margin-right: 40px; margin-bottom: 40px; }
	.team-wrapper .our-team ul li:nth-child(3n) { margin-right: 0px; }
	
	.contant .who-we{ width:350px; margin-right: 20px; }
	.contant .who-we-image { width:350px; }
	.contant .who-we-image img { width: 100%; }
	
	.contant .hiring{ width:680px; padding: 0px 20px; margin:0px auto 30px; }
	.contant .hiring h4 { float: none; margin: 15px 0 0; }
	.contant .hiring p { margin: 0px; }
	.contant .hiring .orange { margin-top: -25px; } 
	
	.contant .we-do{width:300px; float:left; margin:20px 0px 20px 50px;}
	.contant .clients{width:300px; float:right;margin-right:50px; margin-bottom:15px;margin-top:25px;}
	.contant .clients .top-comments{background: #fff url(images/colums.png) no-repeat 330px 130px;width:273px;padding: 34px 15px 18px 10px}
	.contant .clients .botom-comments{background: url(images/quotebottom-small.png) no-repeat; height:28px; width:300px; margin-bottom:13px;}
	
	#work .contant { padding:40px 0px; width:720px; margin: 0 auto;}
	#work .protfolio ul li { width: 160px; margin: 0 10px 10px; overflow:hidden; height:160px;}
  	#work .protfolio ul li a {width:160px;height:160px;line-height:160px;}

	.table-wrapper{width:760px;}
	.pricetable{width:768px;}
	.pricetable ul{width:225px;margin:20px 10px; float:left !important; border:1px solid #44484d; border-radius:5px;overflow:hidden; }
	.pricetable ul:hover{ width: 220px; }
	
	.table-wrapper-b{width:768px;}
	.pricetable-b{width:768px;}
	.pricetable-b ul{width:225px; float:left; margin:20px 10px; }

	.contant .services .web-dd{ float:left; margin-bottom:20px; width:350px; }
	.contant .services .copy-r{float:right; width:350px; }
	.contant .services .copy-r h1 {background:url(images/cp.png) no-repeat;}
	
	.contact-form form input[type="text"]{ padding:15px 22px; width: 190px;  margin: 0px 0px 20px 0px; }
	.contact-form form textarea{ width:676px; margin-bottom:10px;}
	
	#map_canvas { margin: 0px 0px 30px; width: 720px; height: 360px; overflow: hidden; }
	
	.container { width:720px; margin:0 auto; padding-bottom: 46px; }
	.container .contant { float:left; width:450px; margin-right:40px; }
	.container .sidebar { float:right; width:230px; }
	
	.comments{ width:450px; float: none; margin-left:10px;text-align:left;}
	.comments .com {width: 373px;float:right;}
	#respond textarea { width:398px; }
}


/****************************************************************************
(600 X 800)
****************************************************************************/
@media only screen and (min-width: 480px) and (max-width: 767px)
{
	.header-wrapper header{ width:440px; text-align:center; height:150px; } 
	.header-wrapper header .logo{ float:none; line-height: 60px; padding-left: 0px; }
	.header-wrapper header #main-nav{ display:block; width:440px; margin:0 auto;}
	.header-wrapper header .main-nav{ display:none; }
	.header-wrapper header .purchase{ position:absolute; right:35%; top:95px; }
	.header-wrapper header .purchase:hover{ top:93px; color:#1b445e; }

	.header-wrapper .header-text{ width:440px; margin: 0 auto; padding:0px; text-align:center; }
	.header-wrapper .header-text h1{ width: 100%; float:none; padding-top:12px; margin: 0px; }
	.header-wrapper .header-text p{ width: 100%; float:none; line-height:20px; margin: 0px 0px 15px; font-size:14px; }

	
	.slider{ height:388px; }
	.slider .slide > div { width: 440px; margin:0 auto; }
	.slider .slide-content{ padding-top:65px; width:440px }
	.slider .slide-content > div { width: 440px; float: none; text-align:center; }
	.slider .slide-content h1{ margin-bottom:8px; font-size:30px !important;}
	.slider .slide-content h1 span{ font-size:30px !important;}
	.slider .slide-content p{ margin-bottom:20px; font-size:14px !important;}
	.slider .slide-content img {display:none;}
	.slide-option{position:absolute; bottom:30px;left:50%;}
	
	.contant .quote{ width:297px !important; margin: 40px auto 0; float: none;}
	.contant .quote .quote-slider { width:300px !important; }
	.contant .quote-slider .slide .top{ width: 258px !important; padding:20px; }
	.contant .quote-slider .slide .bottom{ width:300px; height:35px; margin-bottom: 13px; background:url(images/quotebottom-small.png) no-repeat;}

	.feature-wrapper .feature{width:440px;text-align:center}
	.feature-wrapper .feature .customization{width:440px; float:none; margin:20px auto 30px;}
	.feature-wrapper .feature .customization:last-child{ padding-left:0px; width:440px; float:none; margin:20px auto 30px; }
	.feature-wrapper .feature .customization img{margin-right:0px;}
	.feature-wrapper .feature .customization p{margin-bottom:15px;}
	
	.contant{width:440px;margin:0 auto;}
	.contant .recent-work a { width:200px !important; height:200px !important; margin: 0px 10px 20px; overflow: hidden; }
	.contant .recent-work a:last-child {}
	
	.contant .about #aboutus{width: 440px; float:none;text-align:center;margin: 0 auto;s }
	
	.specialoffer{width: 440px; height:165px; padding:0px; background:#194772;text-align:center; border:none !important;outline:none !important;}
	.specialoffer p{ float:none;margin:20px 20px 20px 10px; }
	.specialoffer p span {margin-right: 10px;display:block; }
	.specialoffer a.btn { margin:0px; float:none; }
	
	.bottom-wrapper .bottom{width:440px; margin:0 auto;text-align:center; padding:53px 0px 60px;}
	.bottom-wrapper .bottom .blog{width:270px; margin:0px auto 30px; float:none;}
	.bottom-wrapper .bottom .tweets{width:274px;margin:0px auto 40px; float:none;}
	.bottom-wrapper .bottom .touch{width:270px; float:none;margin:0px auto 40px;}
	.bottom-wrapper .bottom .touch ul li {padding-left:0px;}
	
	.footer-wrapper footer{width:440px; margin:0 auto;text-align:center;}
	.footer-wrapper footer .left { float: none; text-align:center; margin:0 auto 30px;}
	.footer-wrapper footer .right { float: none; text-align:center; margin:0 auto;}

	.team-wrapper .our-team{ width:440px; margin: 0 auto; }
	.team-wrapper .our-team ul li{ margin: 0 3px 20px; }
	.team-wrapper .our-team ul li:last-child { margin:0 3px 20px; }
	
	.contant .who-we{width:440px; float:none; margin: 0 auto; padding-top:8px; text-align:center;}
	.contant .who-we-image {width:440px;height:252px;float:none;margin:0 auto 20px;}
	.contant .who-we-image img{width:100%;}
	
	.contant .hiring{ width:434px; height:230px; padding:0px; margin:0px auto;text-align:center}
	.contant .hiring h4{float:none;margin:40px 0px 20px 0px ;}
	.contant .hiring p{float:none; margin:0; }
	.contant .hiring .orange {float:none; }

	.contant .we-do{width:440px; float:none; margin:20px auto;}
	
	.contant .clients{width:300px; float:none; margin: 0 auto 15px;}
	.contant .clients .top-comments{background: #fff url(images/colums.png) no-repeat 330px 130px;width:273px;padding: 34px 15px 18px 10px}
	.contant .clients .botom-comments{background:url(images/quotebottom-small.png) no-repeat;height:28px; width:300px; margin-bottom:13px;}
	
	#work .contant {margin:0 auto; padding:55px 0px; width:440px;}
	
	#work .protfolio { width: 440px; margin: 0 auto 30px; }
	#work .protfolio .my-selector { text-align: center; }
	#work .protfolio .my-selector a { margin:0px 10px 10px;}
	#work .protfolio ul { width: 440px; margin: 0 auto 30px; }
	#work .protfolio ul li { width:100px; margin:0 5px 10px; overflow:hidden; height:100px;}
  	#work .protfolio ul li img { width: 100%; height: 100%; }
	#work .protfolio ul li a {width:100px;height:100px;line-height:100px;}
	
	#work .quote { margin: 0 auto; }
	
	.services-text { padding: 0px; width: 440px; margin: 0px auto 50px; }
	
	.table-wrapper{width:100%;}
	.pricetable{width:440px; margin:0 auto;}
	.pricetable ul { margin: 20px 9px; width: 200px; }
	.pricetable ul:hover { border: 1px solid #b94e19; width: 200px; }
	.pricetable ul:hover .third { line-height:74px; }
	
	.table-wrapper-b{width:100%;}
	.pricetable-b{width:440px; margin:0 auto; }
	.pricetable-b ul{ margin: 20px 9px; width: 200px; }

	.contant .services > div { width:440px;text-align:center;}
	.contant .services .web-dd{ float:none;margin-bottom:20px;}
	.contant .services .copy-r{float:none;width:440px;}
	.contant .services .copy-r h1 {background:url(images/cp.png) no-repeat;}
	
	.contact-form{margin:0 auto 50px; width: 440px; }
	.contact-form form input[type="text"]{padding:15px 22px; width:396px; }
	.contact-form form textarea{width:396px;margin-bottom:10px;}
	.contact-form form .submit-btn { margin: 0 auto 50px; }
	.contact-info ul li { padding: 0px 10px 0px 26px; margin: 0px 10px 10px 0px; display: inline-block; }
	
	#map_canvas { margin: 0px 0px 30px; width: 440px; height:200px; overflow: hidden; }
	
	.container { width: 440px; margin: 0 auto; padding-bottom: 46px; }
	.container .contant { float:none; width:440px; margin-right:0px; padding-top: 56px; }
	.container .sidebar {float:none; width:440px; padding-top: 56px;margin:0 auto;}
	
	.comments{ width:440px; float: none; margin-left:10px;text-align:left;}
	.comments .com {width: 360px;float:right;}
	#respond textarea { width:398px; }
}


/****************************************************************************
(320 X 480) + (480 X 320)
****************************************************************************/
@media only screen and (max-width: 479px)
{
	.header-wrapper header{ width:300px; text-align:center; height:150px; } 
	.header-wrapper header .logo{ float:none; line-height: 60px; padding-left: 0px; }
	.header-wrapper header #main-nav{ display:block; width:300px; margin:0 auto;}
	.header-wrapper header .main-nav{ display:none; }
	.header-wrapper header .purchase{ position:absolute; right:30%; top:95px; }
	.header-wrapper header .purchase:hover{ top:93px; color:#1b445e; }

	.header-wrapper .header-text{ width:300px; margin: 0 auto; padding:0px; text-align:center; }
	.header-wrapper .header-text h1{ width: 100%; float:none; padding-top:12px; margin: 0px; }
	.header-wrapper .header-text p{ width: 100%; float:none; line-height:20px; margin: 0px 0px 15px; font-size:14px; }

	
	.slider{ height:388px; }
	.slider .slide > div { width: 300px; margin:0 auto; }
	.slider .slide-content{ padding-top:65px; width:440px }
	.slider .slide-content > div { width: 300px; float: none; text-align:center; }
	.slider .slide-content h1{ margin-bottom:8px; font-size:30px !important;}
	.slider .slide-content h1 span{ font-size:30px !important;}
	.slider .slide-content p{ margin-bottom:20px; font-size:14px !important;}
	.slider .slide-content img {display:none;}
	.slide-option{position:absolute; bottom:30px;left:50%;}
	
	.contant .quote{ width:297px !important; margin: 40px auto 0; float: none;}
	.contant .quote .quote-slider { width:300px !important; }
	.contant .quote-slider .slide .top{ width: 258px !important; padding:20px; }
	.contant .quote-slider .slide .bottom{ width:300px; height:35px; margin-bottom: 13px; background:url(images/quotebottom-small.png) no-repeat;}

	.feature-wrapper .feature{width:300px;text-align:center}
	.feature-wrapper .feature .customization{width:300px; float:none; margin:20px auto 30px;}
	.feature-wrapper .feature .customization:last-child{ padding-left:0px; width:300px; float:none; margin:20px auto 30px; }
	.feature-wrapper .feature .customization img{margin-right:0px;}
	.feature-wrapper .feature .customization p{margin-bottom:15px;}
	
	.contant{width:300px;margin:0 auto;}
	.contant .recent-work a { width:200px !important; height:200px !important; margin: 0px auto 20px; overflow: hidden; float: none; }
	.contant .recent-work a:last-child { margin: 0px auto 20px; }
	
	.contant .about #aboutus{width: 300px; float:none;text-align:center;margin: 0 auto;s }
	
	.specialoffer{width: 300px; height:220px; padding:0px; background:#194772;text-align:center; border:none !important;outline:none !important;}
	.specialoffer p{ float:none; argin:20px 20px 20px 10px; }
	.specialoffer p span {margin-right: 10px;display:block; }
	.specialoffer a.btn { margin:0px; float:none; }
	
	.bottom-wrapper .bottom{width:300px; margin:0 auto;text-align:center; padding:53px 0px 60px;}
	.bottom-wrapper .bottom .blog{width:270px; margin:0px auto 30px; float:none;}
	.bottom-wrapper .bottom .tweets{width:274px;margin:0px auto 40px; float:none;}
	.bottom-wrapper .bottom .touch{width:270px; float:none;margin:0px auto 40px;}
	.bottom-wrapper .bottom .touch ul li {padding-left:0px;}
	
	.footer-wrapper footer{width:300px; margin:0 auto;text-align:center;}
	.footer-wrapper footer .left { float: none; text-align:center; margin:0 auto 30px;}
	.footer-wrapper footer .right { float: none; text-align:center; margin:0 auto;}

	.team-wrapper .our-team{ width:300px; margin: 0 auto; }
	.team-wrapper .our-team ul li{ margin: 0 auto 20px; float: none; }
	.team-wrapper .our-team ul li:last-child { margin:0 auto 20px; }
	
	.contant .who-we{width:300px; float:none; margin: 0 auto; padding-top:8px; text-align:center;}
	.contant .who-we-image {width:300px;height:252px;float:none;margin:0 auto 20px;}
	.contant .who-we-image img{width:100%;}
	
	.contant .hiring{ width:294px; height:230px; padding:0px; margin:0px auto;text-align:center}
	.contant .hiring h4{float:none;margin:40px 0px 20px 0px ;}
	.contant .hiring p{float:none; margin:0; }
	.contant .hiring .orange {float:none; }

	.contant .we-do{width:300px; float:none; margin:20px auto;}
	
	.contant .clients{width:300px; float:none; margin: 0 auto 15px;}
	.contant .clients .top-comments{background: #fff url(images/colums.png) no-repeat 330px 130px;width:273px;padding: 34px 15px 18px 10px}
	.contant .clients .botom-comments{background:url(images/quotebottom-small.png) no-repeat;height:28px; width:300px; margin-bottom:13px;}
	
	#work .contant {margin:0 auto; padding:55px 0px; width:300px;}
	
	#work .protfolio { width: 300px; margin: 0 auto 30px; }
	#work .protfolio .my-selector { text-align: center; }
	#work .protfolio .my-selector a { margin:0px 10px 10px;}
	#work .protfolio ul { width: 300px; margin: 0 auto 30px; }
	#work .protfolio ul li { width:140px; margin:0 5px 10px; overflow:hidden; height:140px;}
  	#work .protfolio ul li img { width: 100%; height: 100%; }
	#work .protfolio ul li a {width:140px;height:140px;line-height:140px;}
	
	#work .quote { margin: 0 auto; }
	
	.services-text { padding: 0px; width: 300px; margin: 0px auto 50px; }
	
	.table-wrapper{width:100%;}
	.pricetable{width:300px; margin:0 auto;}
	.pricetable ul { margin: 20px auto; float: none !important; }
	.pricetable ul:last-child { margin: 20px auto; }
	.pricetable ul:hover { border: 1px solid #b94e19; }
	.pricetable ul:hover .third { line-height:74px; }
	
	.table-wrapper-b{width:100%;}
	.pricetable-b{width:300px; margin:0 auto; }
	.pricetable-b ul{ margin: 20px auto; float: none !important; }

	.contant .services > div { width:300px;text-align:center;}
	.contant .services .web-dd{ float:none;margin-bottom:20px;}
	.contant .services .copy-r{float:none;width:300px;}
	.contant .services .copy-r h1 {background:url(images/cp.png) no-repeat;}
	
	.contact-form{margin:0 auto 50px; width: 300px; }
	.contact-form form input[type="text"]{padding:15px 22px; width:256px; }
	.contact-form form textarea{width:256px;margin-bottom:10px;}
	.contact-form form .submit-btn { margin: 0 auto 50px; }
	.contact-info ul li { padding: 0px 10px 0px 26px; margin: 0px 10px 10px 0px; display: inline-block; }
	
	#map_canvas { margin: 0px 0px 30px; width: 300px; height:150px; overflow: hidden; }
	
	.container { width: 300px; margin: 0 auto; padding-bottom: 46px; }
	.container .contant { float:none; width:300px; margin-right:0px; padding-top: 56px; }
	.container .sidebar {float:none; width:300px; padding-top: 56px;margin:0 auto;}
	
	.comments{ width:300px; float: none; margin-left:10px;text-align:left;}
	.comments .com {width: 220px;float:right;}
	#respond textarea { width:258px; }
	#respond input[type="submit"] { float:none; margin: 0px 0px 15px; }
}