#slider, #top-image { background: url("img/gallery/slider-bg.png") no-repeat scroll 50% 50% transparent; height: 383px; position: relative; z-index: 1; }
#slider img, .services ul li, .full-services ul li {
width: 285px;
}
#slider, #slideshow, .coin-slider, #coin-slider, .orbit-wrapper, #featured {
height: 334px !important;
width: 890px !important;
margin:0 auto;
margin-top:-5px;
}
#slideshow, .coin-slider, .orbit-wrapper, #featured, .ei-slider {
top: 0;
}
.coin-slider .cs-buttons {
position: absolute !important;
right: 35% !important;
}
.coin-slider .cs-title, .nivoSlider .nivo-caption {
display: none !important;
}
.coin-slider .cs-prev, .coin-slider .cs-next {
position: absolute;
top: 40% !important;
}
#top-image {
height: 123px;
}
#slider img, #top-image img, #slideshow img {
width: 100%;
}
 .f-slider h2, .f-slider .button-c1 {
 display: none !important;
}
.f-caption {
 left: 40px;
 top: 72px;
 width: 240px;
}
.f-caption-round {
 height: 200px;
 left: 60px;
 top: 12px;
 width: 200px;
}
.f-caption-round .f-caption {
 left: 13px;
 top: 41px;
 width: 164px;
}
 .banners_cycle li {
 width: 157px;
}
.banners_cycle li:nth-child(5) {
 margin-right: -62px;
}
 .main-content {
 border-right: 0 none;
 padding: 0;
 width: 590px;
}
 .main-content-left {
 border-left: 0 none;
 padding: 0;
 width: 590px;
}
.m-right {
margin-right: 0px !important;
}
 .button-c1 {
 margin-bottom: 20px;
 padding: 6px 20px;
}
 .shadow {
 background: url("img/shadow.png") repeat scroll center -31px transparent;
 height: 30px;
 margin-bottom: 30px;
 position: relative;
 vertical-align: middle;
 width: 100%;
}
 #myslides {
 height: 155px !important;
 width: 590px !important;
}
 .small-description-1 label {
text-align: center;
}
 .small-description-1 h2 {
 font: 22px/42px 'Droid Serif', Georgia, 'Times New Roman', serif;
 text-align: center;
}
.top-banner {
 margin-top: 0 !important;
 margin-bottom: 40px !important;
}
.small-description-2 {
width: 590px;
}
 .notify h2, .fullwidth .notify h2 {
width: 342px;
}
.tr-none-2 {
display: none;
}
.blog ul li, .three-columns ul li, .fullwidth .blog ul li img {
width: 178px !important;
}
.skills, .testimonials, .how-we-work {
width: 268px !important;
}
 .blog ul li a {
font-size: 12px !important;
}
.blog ul li img, .fullwidth .three-columns ul li img {
height: 88px;
width: 178px;
}
 .blist {
border-bottom: 0 none !important;
margin-bottom: 0 !important;
}
.blist ul li {
width: 587px;
}
.blist ul li a {
font-size: 14px !important;
}
.desc {
width: 149px !important;
}
.desc span a:link, .desc span a:visited {
font-size: 11px !important;
}
.sidebar {
 padding-left: 0;
 width: 590px;
}
.sidebar-left {
 padding-right: 0;
 width: 590px;
}
.sthumbs {
bottom: 10px;
left: 9px;
width: 600px;
}
.sthumbs li a img {
max-height: 39px;
width: 45px !important;
}
.menu ul, span.tail, .dis-none {
display: none;
}
#header .menu select {
display: block;
width: 200px;
}
.home-rc .rate-table {
float:left;
width: 100%;
}
.team, .blog, .cols-wrap, .services, .form, .left, .gallery {
 margin-bottom: 30px;
 padding-bottom: 20px;
 position: relative;
}
.team h5 {
font-size: 12px;
width: 95px;
}
.team li img {
width: 118px;
}
.fullwidth .team h5 {
font-size: 12px;
width: 95px;
}
.fullwidth .team li img {
width: 118px;
}
.fullwidth .team .mar-bot {
margin-bottom: 20px;
}
.map iframe {
width: 581px;
}
.two-col-video iframe {
 height: 162px;
 width: 271px;
 margin-bottom: 4px;
}
 .ui-progressbar {
 background: url("img/progressbar.png") no-repeat scroll 0 -84px transparent;
 height: 26px;
 width: 230px;
}
.ui-progressbar .ui-progressbar-value {
background: url("img/progressbar.png") no-repeat scroll 0pt -126px transparent;
}
.list-style li {
 width: 102px !important;
}
 .form input, .form textarea {
width: 460px;
}
.flickr ul {
width: auto;
}

/****************************
Portfolio
****************************/

#portfolio-list {
width: 670px;
}
 ul#portfolio-filter-1 {
width: 100%;
}
#portfolio-list-1 {
width: 670px;
}
 .gallery {
padding-bottom: 30px;
}
.gallery ul {
width: 640px;
}
.gallery img, .img-head img, .img-head iframe {
width: 580px;
}
.two-columns {
padding-bottom: 10px;
}
.three-columns {
padding-bottom: 15px;
}
.home-rc .four-columns {
padding-bottom: 0 !important;
margin-bottom: 0 !important;;
}
.two-columns ul, .three-columns ul {
width: 620px;
}
.two-columns ul li {
width: 285px;
}
.two-columns ul li img, .fullwidth .two-columns ul li img {
width: 275px;
}
.three-columns ul li {
margin-bottom: 10px;
}
 .fullwidth .one-columns ul li {
display: inline-block;
float: left;
width: 100%;
}
.fullwidth .one-columns ul li img {
width: 100%;
}
.fullwidth .one-columns ul li .gallery-one-columns-text {
margin: 10px 0 0 0;
float: left;
width: 100%;
}
.fullwidth .two-columns ul li {
float: left;
margin: 0 20px 16px 0;
width: 285px;
}
.fullwidth .three-columns ul li {
margin: 0 27px 20px 0;
width: 179px;
}
.fullwidth .four-columns ul li {
margin: 0 27px 20px 0;
width: 127px;
}
.fullwidth .four-columns ul li img {
width: 117px;
}
 .fullwidth .one-columns ul li a span.rollover-zoom {
left: 46%;
top: 24%;
}
.fullwidth .two-columns ul li a span.rollover-zoom {
left: 41%;
top: 31%;
}
.fullwidth .three-columns ul li a span.rollover-zoom {
left: 35%;
top: 20%;
}
.fullwidth .four-columns ul li a span.rollover-zoom {
left: 42%;
top: 30%;
box-shadow: 0 0 0;
}
.three-columns ul li img {
width: 176px;
}
.product-r1 {
display: none;
}
.product-tick {
display: block;
}
.pagination, .rg-image-wrapper, .am-container {
margin-bottom: 30px;
}
.details {
width: 300px;
}
.footer-wrapper div, #accordion {
margin-bottom: 30px;
width: 100%;
}
.tweet {
margin-bottom: 0 !important;
}
blockquote.qright {
width: 250px;
}
.columns.two-columns {
width: 280px;
}
.columns.three-columns {
width: 176px;
}
.home-rc.four-columns {
width: 208px;
}
 .fullwidth .columns.two-columns {
width: 280px;
}
.fullwidth .columns.three-columns {
width: 176px;
}
.fullwidth .columns.four-columns {
width: 125px;
}
.fullwidth .columns.five-columns {
width: 94px;
}
.fullwidth .columns.six-columns {
width: 176px;
}
 .tab-container, #accordion {
width: 100% !important;
}
.search input[type="text"] {
width: 568px;
}
.fullwidth .services ul li {
width: 283px;
}
.fullwidth .services ul, .fullwidth .blog ul {
width: 614px;
}
.m-right-24 {
margin-right: 24px !important;
}
.fullwidth .full-services ul li {
float: none;
width: 100%;
}
.full-services ul li img {
}
 .fullwidth .main-services ul li {
float: left;
margin: 0 30px 0 0 !important;
width: 280px !important;
text-align: center;
overflow: hidden;
}
.fullwidth .main-services ul li img {
margin-bottom: 10px;
}
.fullwidth .main-services ul li h4 {
color: #333;
line-height: 31px;
margin-bottom: 10px;
}
.fullwidth .main-services .last, .fullwidth .main-services .second {
margin-right: 0 !important;
}
.fullwidth .main-services .bt-30 {
margin-bottom: 30px !important;
}
 .fullwidth .fancy-text {
 float: left;
 margin-bottom: 30px;
 margin-right: 0;
 width: 100% !important;
}
 .fullwidth .blist ul li {
margin-bottom: 30px;
width: 587px;
}
.fullwidth .blist ul li img {
margin: 0;
}
.fullwidth .blist ul li a span.rollover-list {
left: 30%;
top: 40%;
}
}
 @media handheld and (max-width: 767px), screen and (max-device-width: 767px), screen and (max-width: 767px) {
 .footer-wrapper, .header-wrapper, .main-content, .main-content-left, .skills, .testimonials, .how-we-work, .flickr ul, .blist ul li, .fullwidth .blist ul li, .gallery img, .two-columns ul li img, .three-columns ul li img, .img-head img, .img-head iframe {
width: 250px;
}
 #container {
width: 330px;
}
 .blog ul {
width: 330px;
}
#header, #slider img, #top-image img, .banners_cycle li, .services ul li, .fullwidth .services ul li, .fullwidth .services ul, .fullwidth .blog ul, .gallery ul, .tab-container, #accordion {
width: 100%;
}
.columns.two-columns, .columns.three-columns, .columns.four-columns, .columns.five-columns, .columns.six-columns {
width: 100% !important;
}
.logo {
 margin: 15px 0 0;
 text-align: center;
 width: 100%;
}
.heading-top {
 width: 250px;
}
#myslides1 {
 display: none;
}
 #slider, #top-image, #slideshow, .coin-slider, #coin-slider, .orbit-wrapper, #featured, .ei-slider {
height: 90px !important;
width: 250px !important;
}
.coin-slider .cs-buttons, .orbit-wrapper .slider-nav, .flex-control-nav, .flex-caption {
display: none;
}
.coin-slider .cs-prev, .coin-slider .cs-next {
position: absolute;
top: 40% !important;
}
.nivoSlider .nivo-controlNav {
display: none !important;
}
#slideshow, .coin-slider, .orbit-wrapper, #featured, .ei-slider {
top: 0;
}
.f-slider h2, .f-slider p, .f-slider .button-c1, .f-slider .f-caption-round {
 display: none !important;
}