@media (min-width: 1300px) {
  .container {
    max-width: 1100px;  
  } 
}


@media only screen and (min-width: 960px) and (max-width: 1279px) {
 
.container {max-width: 880px;}
ul.header-social-icons li a{padding: 5px 5px 0px 5px;}
ul.header-social-icons li a span{font-size: 11px;margin-left:3px;margin-right:0px;}
#main-navigation ul li a { padding:10px 10px 10px 10px ;}
ul#projects-carousel-1 li,ul#projects-carousel-2 li,ul#projects-carousel-3 li { width: 200px;height: 245px;}
.flickr-widget li {width: 56px; height: 56px;}
.dribbble-widget li {width: 56px; height: 56px;}
.instagram-widget div a {width: 55px; height: 55px;}
.service-txt{width:197px;}
.clients-grid.one-fourth li {width: 219px;}
.clients-grid.one-fifth li {    width: 175px;}
.clients-grid.one-sixth li {    width: 145px;}
.testimonials  p {font-size:13px;line-height:24px;margin-bottom:10px;} 
.testimonials  h5 {font-size:12px;} 
#coming-soon-wrapp{width: 950px; }
#coming-soon-wrapp #container{width: 880px;}
#countdown-wrap {width: 950px;}
.portfolio-grid {width: 917px;margin-right: -37px;}
.portfolio-grid ul.portfolio-items li.one-fourth {width: 200px; }
.portfolio-grid ul.portfolio-items li.one-half { width: 427px; }
.portfolio-grid ul.portfolio-items li.one-third { width: 276px;}
.portfolio-grid ul.portfolio-items li.one-fifth {width: 154px; }
.portfolio-grid ul.portfolio-items li.one-fourth .gallery-item{width: 200px;}
ul.portfolio-items li.one-half .portfolio-hover-content {height:294px;}
ul.portfolio-items li.one-third .portfolio-hover-content {height:190px; }
ul.portfolio-items li.one-fourth .portfolio-hover-content {height:138px;}
ul.portfolio-items li.one-fifth .portfolio-hover-content { height:108px; }
ul.portfolio-items li.one-fourth .portfolio-hover-content-flip {height:138px;}
ul.portfolio-items li.one-third .portfolio-hover-content-flip {height:190px; }
.portfolio-hover-content h5,.portfolio-hover-content-flip h5 {font-size:13px;line-height:20px;}
.portfolio-item-title h5{ font-size:12px;}
article.blog-post {width:100%;}
article.blog-post.layout-01 .blog-post-intro{width:601px; } 
article.blog-post.layout-02 .blog-post-intro{width:511px; } 

.pre-post-wrapp{float:left;width: 653px;}

.about-author {width:100%;}
.about-author-text{ width:100%;}
.sub-comment .comment-container .comment-meta-text {float:left;width:464px; } 
.comment-meta-text {float:left;width:505px; }
.tabs-container-3{  width:73%;}
ul.pricing-box li.one-fourth {width: 220px;}
ul.pricing-box li.one-fifth { width: 176px; }
ul.pricing-box li.one-third { width: 293px; }
.input-holder {   width:176px;}
.input-msg-holder {width: 633px;}
 ul#projects-carousel-2 li .portfolio-hover-content , ul#projects-carousel-3 li .portfolio-hover-content-flip{height:138px;}
a.view_btn.yellow {font-size: 14px;}
.one-third .portfolio-item-hover-content a.zoom { left: 15%;}
.one-third .portfolio-item-hover-content a.read-more { left: 52%;}
.one-fourth .portfolio-item-hover-content a.zoom { left: 5%;}
.one-fourth .portfolio-item-hover-content a.read-more {left: 51%;}
.masonry-layout-wrapper{  width: 917px;margin-right: -37px;}
.article-content{ width: 235px;}
} 

@media only screen and (min-width: 768px) and (max-width: 959px) {
.container {max-width: 728px;}

.logo-wrapper,.logo-wrapper-2{ 
     width: 190px;
    height: 40px;
    margin:0 auto 60px auto;

  }
 
ul.header-social-icons li a{padding: 5px 5px 0px 5px;}
ul.header-social-icons li{border: none;}
ul.header-social-icons li:first-child{border: none;}
ul.header-social-icons li a span{font-size: 11px;margin-left:3px;margin-right:0px;}
ul.header-social-icons li a i{display: none;}
ul#top-links li   { margin-right:10px}
ul#top-links li i {display: none}
footer ul.footer-tags li{margin: 2px 5px;}
.flickr-widget li {width: 64px; height: 64px;}
.service-txt{width:150px;}
.clients-grid.one-fourth li {width: 181px;}
.clients-grid.one-fifth li {    width: 144px;}
.clients-grid.one-sixth li {    width: 120px;}
.portfolio-grid {width: 765px;margin-right: -37px;}
.portfolio-grid ul.portfolio-items li.one-fourth {width: 165px; }
.portfolio-grid ul.portfolio-items li.one-half { width: 353px; }
.portfolio-grid ul.portfolio-items li.one-third { width: 228px;}
.portfolio-grid ul.portfolio-items li.one-fifth {width: 129px; }
.portfolio-grid ul.portfolio-items li.one-fourth .gallery-item{width: 165px;}
ul.portfolio-items li.one-half .portfolio-hover-content {height:243px;}
ul.portfolio-items li.one-third .portfolio-hover-content {height:157px; }
ul.portfolio-items li.one-fourth .portfolio-hover-content {height:114px;}
ul.portfolio-items li.one-fifth .portfolio-hover-content { height:89px; }
ul.portfolio-items li.one-fourth .portfolio-hover-content-flip {height:114px;}
ul.portfolio-items li.one-third .portfolio-hover-content-flip {height:157px; }
ul.portfolio-items li.one-fourth .portfolio-hover-content .hover-content{padding:15px 15px 15px 15px;}
ul.portfolio-items li.one-fifth .portfolio-hover-content .hover-content{padding:5px;}
ul#projects-carousel-1 li,ul#projects-carousel-2 li,ul#projects-carousel-3 li { width: 165px;height: 210px;margin-right:23px; }
 ul#projects-carousel-2 li .portfolio-hover-content , ul#projects-carousel-3 li .portfolio-hover-content-flip{height:114px;}
.testimonials  p {font-size:13px;line-height:24px;margin-bottom:10px;} 
.testimonials  h5 {font-size:12px;} 
.portfolio-hover-content h5,.portfolio-hover-content-flip h5 {font-size:12px;line-height:18px;}
.portfolio-hover-content p{display: none}
.portfolio-hover-content a{font-size: 11px;}
.portfolio-item-title h5{ font-size:12px;}
ul.pricing-box li.one-fourth {width: 182px;}
ul.pricing-box li.one-fifth { width: 145px; }
ul.pricing-box li.one-third { width: 242px; }
ul.portfolio-items li.one-fourth .portfolio-hover-content-flip .hover-content{padding:15px 15px 15px 15px;}
ul.portfolio-items li.one-third .portfolio-hover-content-flip .hover-content{padding:25px 15px 15px 15px;}
.portfolio-hover-content-flip a{font-size: 11px;}
article.blog-post {width:100%;}
article.blog-post.layout-01 .blog-post-intro{width:488px; } 
article.blog-post.layout-02 .blog-post-intro{width:398px; } 
.pre-post-wrapp{float:left;width: 538px;}
.about-author {width:100%;}
.about-author-text{ width:100%;}
.sub-comment .comment-container .comment-meta-text {float:left;width:350px; } 
.comment-meta-text {float:left;width:390px; }
.input-holder {   width:140px;}
.input-msg-holder {width: 520px;}
.tabs-container-3{  width:73%;}
.revolution-slider { height: 474px;}
#filterable { display: inline; float: left; width: 100%; text-align: center;}
#main-navigation-2{float: left;}
#main-navigation-2 ul{ float: left;}
#navigation-wrapper { float: left }
.one-third .portfolio-item-hover-content a.zoom { left: 10%;}
.one-third .portfolio-item-hover-content a.read-more { left: 52%;}
.one-fourth .portfolio-item-hover-content a.zoom { left: 25%;}
.one-fourth .portfolio-item-hover-content a.read-more {display: none;}
.masonry-layout-wrapper{ width: 765px;margin-right: -37px;}
.article-content{ width: 188px;margin-right: 23px;}
 }

 @media only screen and (min-width: 480px) and (max-width: 767px) {
.container {  width: 420px}
.one,.one-half,.two-third,.one-third,.one-fourth ,.one-fifth,.one-sixth,.three-fourth { float: left; margin-right: 0px;  margin-bottom: 20px;  width: 100%;}
.one.last,.one-half.last,.two-third.last,.one-third.last,.one-fourth.last ,.one-fifth.last,.one-sixth.last.three-fourth.last {   margin-right: 0px}
#main-navigation ul ,#main-navigation-2 ul { display: none;}
#main-navigation select,#main-navigation-2 select { display: block;}
#main-navigation ul { margin:0px 0 0 0;}
.logo-wrapper,.logo-wrapper-2{ width: 190px;height: 40px;margin: 0 auto;margin-bottom: 30px;}
 ul.header-social-icons li a  {padding: 5px 3px 0px 4px;}
ul.header-social-icons li a span{font-size: 11px;margin-left:3px;margin-right:3px;}
 #pre-header-panel .one-half{ margin-bottom: 5px;}
 ul.header-social-icons li{border: none;}
ul.header-social-icons li:first-child{border: none;}
.portfolio-grid{width: 420px;margin-right: 0px;}
.portfolio-grid ul.portfolio-items li.one-fourth {width: 420px; }
.portfolio-grid ul.portfolio-items li.one-half { width: 420px; }
.portfolio-grid ul.portfolio-items li.one-third { width: 420px;}
.portfolio-grid ul.portfolio-items li.one-fifth {width: 420px; }
.portfolio-grid ul.portfolio-items li.one-fourth .gallery-item{width: 420px;}
 ul.portfolio-items li.one-half .portfolio-hover-content {height:289px;}
ul.portfolio-items li.one-third .portfolio-hover-content {height:289px; }
ul.portfolio-items li.one-fourth .portfolio-hover-content {height:289px;}
ul.portfolio-items li.one-fifth .portfolio-hover-content { height:289px; }
ul.portfolio-items li.one-fourth .portfolio-hover-content-flip {height:289px;}
ul.portfolio-items li.one-third .portfolio-hover-content-flip {height:289px; }
.flex-caption{display: none;}
.revolution-slider { height:365px;}
ul#projects-carousel-1 li,ul#projects-carousel-2 li,ul#projects-carousel-3 li { width: 420px;height: 290px;margin-right:0px; }
 ul#projects-carousel-2 li .portfolio-hover-content , ul#projects-carousel-3 li .portfolio-hover-content-flip{height:289px;}
 .service-txt {float: left;width: 340px;}
 form.newsletter-form {width: 420px;margin: 20px auto 0 auto;}
 form.newsletter-form input { width: 400px; margin-bottom: 40px;}
 .clients-grid.one-fourth li {width: 209px;}
.clients-grid.one-fifth li {    width: 209px;}
.clients-grid.one-sixth li {    width: 209px;}
.error-field h1 {  font-size: 100px;  line-height: 110px;}
.one-third .portfolio-item-hover-content a.zoom { left: 28%;}
.one-third .portfolio-item-hover-content a.read-more { left: 52%;}
.one-fourth .portfolio-item-hover-content a.zoom { left: 28%;}
.one-fourth .portfolio-item-hover-content a.read-more {left: 52%;}
.masonry-layout-wrapper{ width: 420px;margin-right: 0px;}
.article-content{ width: 380px;margin-right: 0px;} 
article.blog-post {width:100%;}
article.blog-post.layout-01 .blog-post-intro{width:368px; } 
article.blog-post.layout-02 .blog-post-intro{width:278px; } 
 .blog-post-text{width: 365px;}
.about-author {width:100%;}
.about-author-text{ width:100%;}
.sub-comment .comment-container .comment-meta-text {float:left;width:230px; } 
.comment-meta-text {float:left;width:270px; }
.input-holder {   width:397px;}
.input-msg-holder {width: 397px;}
ul.pricing-box li.one-fourth {width: 418px;}
ul.pricing-box li.one-fifth { width: 418px; }
ul.pricing-box li.one-third { width: 418px; }
ul.pricing-box > li:last-child .pricing-box-container { border: 1px solid #d9dee1; border-bottom: none; border-left: 1px solid #d9dee1;}
ul.pricing-box > li:nth-child(2) .pricing-box-container { border: 1px solid #d9dee1; border-bottom: none; border-left: 1px solid #d9dee1; border-right: 1px solid #d9dee1;}
ul.pricing-box > li.one-third:nth-child(3) .pricing-box-container { border: 1px solid #d9dee1; border-bottom: 1px solid #d9dee1;}
ul.pricing-box li.one-fourth.best-plan .text-price { padding: 40px 0px 30px 0px }
ul.pricing-box li.one-third.best-plan .text-price { padding: 40px 0px 30px 0px }
ul.pricing-box li.one-fifth.best-plan .text-price { padding: 40px 0px 30px 0px }
ul.pricing-box > li.one-fifth:nth-child(3) .pricing-box-container { border: 1px solid #d9dee1; border-bottom:none; border-right: 1px solid #d9dee1;}
 }
@media only screen and (min-width: 320px) and (max-width: 479px) {
.container {  width: 300px}
.one,.one-half,.two-third,.one-third,.one-fourth ,.one-fifth,.one-sixth,.three-fourth { float: left; margin-right: 0px;  margin-bottom: 20px;  width: 100%;}
.one.last,.one-half.last,.two-third.last,.one-third.last,.one-fourth.last ,.one-fifth.last,.one-sixth.last.three-fourth.last {   margin-right: 0px}
#main-navigation ul ,#main-navigation-2 ul { display: none;}
#main-navigation select,#main-navigation-2 select { display: block;width: 300px;}
#main-navigation ul { margin:0px 0 0 0;}
.logo-wrapper,.logo-wrapper-2{ width: 190px;height: 40px;margin: 0 auto;margin-bottom: 30px;}
 ul.header-social-icons li a  {padding: 5px 3px 0px 4px;}
ul.header-social-icons li a span{font-size: 11px;margin-left:3px;margin-right:3px;}
 #pre-header-panel .one-half{ margin-bottom: 5px;}
 ul.header-social-icons li{border: none;}
ul.header-social-icons li:first-child{border: none;}
.portfolio-grid{width: 300px;margin-right: 0px;}
.portfolio-grid ul.portfolio-items li.one-fourth {width: 300px; }
.portfolio-grid ul.portfolio-items li.one-half { width: 300px; }
.portfolio-grid ul.portfolio-items li.one-third { width: 300px;}
.portfolio-grid ul.portfolio-items li.one-fifth {width: 300px; }
.portfolio-grid ul.portfolio-items li.one-fourth .gallery-item{width: 300px;}
 ul.portfolio-items li.one-half .portfolio-hover-content {height:207px;}
ul.portfolio-items li.one-third .portfolio-hover-content {height:207px; }
ul.portfolio-items li.one-fourth .portfolio-hover-content {height:207px;}
ul.portfolio-items li.one-fifth .portfolio-hover-content { height:207px; }
ul.portfolio-items li.one-fourth .portfolio-hover-content-flip {height:207px;}
ul.portfolio-items li.one-third .portfolio-hover-content-flip {height:207px; }
.flex-caption{display: none;}
.revolution-slider { height:237px;}
ul#projects-carousel-1 li,ul#projects-carousel-2 li,ul#projects-carousel-3 li { width: 300px;height: 290px;margin-right:0px; }
 ul#projects-carousel-2 li .portfolio-hover-content , ul#projects-carousel-3 li .portfolio-hover-content-flip{height:207px;}
 .service-txt {float: left;width: 220px;}
 form.newsletter-form {width: 180px;margin: 20px 0 0 0;}
 form.newsletter-form input { width: 280px; margin-bottom: 40px;}
 .clients-grid.one-fourth li {width: 148px;}
.clients-grid.one-fifth li {    width: 148px;}
.clients-grid.one-sixth li {    width: 148px;}
.error-field h1 {  font-size: 50px;  line-height: 60px;}
.one-third .portfolio-item-hover-content a.zoom { left: 20%;}
.one-third .portfolio-item-hover-content a.read-more { left: 52%;}
.one-fourth .portfolio-item-hover-content a.zoom { left: 20%;}
.one-fourth .portfolio-item-hover-content a.read-more {left: 52%;}
.masonry-layout-wrapper{ width: 300px;margin-right: 0px;}
.article-content{ width: 260px;margin-right: 0px;} 
article.blog-post {width:100%;}
article.blog-post.layout-01 .blog-post-intro{width:248px; } 
article.blog-post.layout-02 .blog-post-intro{width:158px; } 
 .blog-post-text{width: 245px;}
.about-author {width:100%;}
.about-author-text{ width:100%;}
.sub-comment .comment-container .comment-meta-text {float:left;width:112px; } 
.comment-meta-text {float:left;width:152px; }
.input-holder {   width:279px;}
.input-msg-holder {width: 279px;}
ul.pricing-box li.one-fourth {width: 298px;}
ul.pricing-box li.one-fifth { width: 298px; }
ul.pricing-box li.one-third { width: 298px; }
ul.pricing-box > li:last-child .pricing-box-container { border: 1px solid #d9dee1; border-bottom: none; border-left: 1px solid #d9dee1;}
ul.pricing-box > li:nth-child(2) .pricing-box-container { border: 1px solid #d9dee1; border-bottom: none; border-left: 1px solid #d9dee1; border-right: 1px solid #d9dee1;}
ul.pricing-box > li.one-third:nth-child(3) .pricing-box-container { border: 1px solid #d9dee1; border-bottom: 1px solid #d9dee1;}
ul.pricing-box li.one-fourth.best-plan .text-price { padding: 40px 0px 30px 0px }
ul.pricing-box li.one-third.best-plan .text-price { padding: 40px 0px 30px 0px }
ul.pricing-box li.one-fifth.best-plan .text-price { padding: 40px 0px 30px 0px }
ul.pricing-box > li.one-fifth:nth-child(3) .pricing-box-container { border: 1px solid #d9dee1; border-bottom:none; border-right: 1px solid #d9dee1;}
 }