@media only screen and (min-width: 480px) and (max-width: 1200px)
{
.overlay-wrapper { position:absolute;  bottom:20%; left:3%;}
}
@media only screen and (min-width: 1367px) and (max-width: 1920px)
{
.contact-form form textarea { width:96%; height:170px; resize:none; border-radius:0px; background:#424245; border-color:#FE0010 ; border:1px solid #fff; font: 300 15px 'Open Sans', sans-serif, Times, serif; color:#fff; }
h1 {  font: 400 36px 'Open Sans', sans-serif, Times, serif !important; color:#fff !important; }
h1 span{  font: 400 62px 'Adore','Open Sans', Arial, sans-serif, Times, serif !important; color:#fff !important; }  
h2 {  font: 400 30px 'Open Sans', sans-serif, Times, serif !important; color:#fff !important; }
}
@media only screen and (min-width: 1201px) and (max-width: 1366px)
{
	
	.contact-form form textarea { width:97%; height:170px; resize:none; border-radius:0px; background:#424245; border-color:#FE0010 ; border:1px solid #fff; font: 300 15px 'Open Sans', sans-serif, Times, serif; color:#fff; }
	
	
	nav ul  li { display:inline-block; margin-right:15px; padding-bottom:30px; text-indent:-8px; }
nav ul li > a { font: 300 16px 'Open Sans', sans-serif, Times, serif; color:#fff;  
      transition: color 0.5s linear;
      -moz-transition: color 0.5s linear;    /* FF3.7+ */
      -o-transition: color 0.5s 1inear;      /* Opera 10.5 */
      -webkit-transition: color 0.5s linear; /* Saf3.2+, Chrome */
     }
nav ul li > a:hover  { font: 300 16px 'Open Sans', sans-serif, Times, serif; color:#FE0010;  
      transition: color 0.5s linear;
      -moz-transition: color 0.5s linear;    /* FF3.7+ */
      -o-transition: color 0.5s 1inear;      /* Opera 10.5 */
      -webkit-transition: color 0.5s linear; /* Saf3.2+, Chrome */  }
	  
h1 {  font: 400 36px 'Open Sans', sans-serif, Times, serif !important; color:#fff !important; }
h1 span{  font: 400 62px 'Adore','Open Sans', Arial, sans-serif, Times, serif !important; color:#fff !important; }  
h2 {  font: 400 30px 'Open Sans', sans-serif, Times, serif !important; color:#fff !important; }

h3 { font-size: 24px; margin:20px 0 0 0; }
h4 { font: 300 24px 'Open Sans', sans-serif, Times, serif !important; color:#fff !important;  }

}
@media only screen and (min-width: 1024px) and (max-width: 1200px)
{
	
.contact-form form textarea { width:97%; height:170px; resize:none; border-radius:0px; background:#424245; border-color:#FE0010 ; border:1px solid #fff; font: 300 15px 'Open Sans', sans-serif, Times, serif; color:#fff; }

nav ul  li { display:inline-block; margin-right:15px; padding-bottom:30px; text-indent:-8px; }
nav ul li > a { font: 300 15px 'Open Sans', sans-serif, Times, serif; color:#fff;  
      transition: color 0.5s linear;
      -moz-transition: color 0.5s linear;    /* FF3.7+ */
      -o-transition: color 0.5s 1inear;      /* Opera 10.5 */
      -webkit-transition: color 0.5s linear; /* Saf3.2+, Chrome */
     }
nav ul li > a:hover  { font: 300 15px 'Open Sans', sans-serif, Times, serif; color:#FE0010;  
      transition: color 0.5s linear;
      -moz-transition: color 0.5s linear;    /* FF3.7+ */
      -o-transition: color 0.5s 1inear;      /* Opera 10.5 */
      -webkit-transition: color 0.5s linear; /* Saf3.2+, Chrome */  }
	  

h1 {  font: 400 30px 'Open Sans', sans-serif, Times, serif !important; color:#fff !important; }
h1 span{  font: 400 52px 'Adore','Open Sans', Arial, sans-serif, Times, serif !important; color:#fff !important; }  
h2 {  font: 400 30px 'Open Sans', sans-serif, Times, serif !important; color:#fff !important; }
h3 { font-size: 22px; margin:20px 0 0 0; }
h4 { font: 300 22px 'Open Sans', sans-serif, Times, serif !important; color:#fff !important;  }


}
@media only screen and (min-width: 960px) and (max-width: 1023px)
{

h1 {  font: 400 30px 'Open Sans', sans-serif, Times, serif !important; color:#fff !important; }
h1 span{  font: 400 52px 'Adore','Open Sans', Arial, sans-serif, Times, serif !important; color:#fff !important; }  
h2 {  font: 400 30px 'Open Sans', sans-serif, Times, serif !important; color:#fff !important; }

h2 span{  font: 400 24px Arial, sans-serif, Times, serif !important; color:#fff !important; }
h3 { font-size: 20px; margin:20px 0 0 0; }
h4 { font: 300 20px 'Open Sans', sans-serif, Times, serif !important; color:#fff !important;  }

.desktop-nav { display:none; }
.mobile-nav { display:block; margin: 20px  0 0 20px ; width:300px; float:left; }
.contact-form form input[ type="text" ] { width:96%; margin-right:0; height:30px;  border-radius:0px;  background:#424245; outline-color: #fff !important; border:1px solid #fff; font: 300 15px 'Open Sans', sans-serif, Times, serif; color:#fff;  }

}

/****************************************************************************
959
****************************************************************************/
@media only screen and ( max-width: 959px )
{
.contact-form form input[ type="text" ] { width:96%; margin-right:0; height:30px;  border-radius:0px;  background:#424245; outline-color: #fff !important; border:1px solid #fff; font: 300 15px 'Open Sans', sans-serif, Times, serif; color:#fff;  }
}


/****************************************************************************
(800 X 600) + (768 X 1024)
****************************************************************************/
@media only screen and (min-width: 768px) and (max-width: 959px)
{
	
h1 {  font: 400 30px 'Open Sans', sans-serif, Times, serif !important; color:#fff !important; }
h1 span{  font: 400 52px 'Adore','Open Sans', Arial, sans-serif, Times, serif !important; color:#fff !important; }  
h2 {  font: 400 30px 'Open Sans', sans-serif, Times, serif !important; color:#fff !important; }

h2 span{  font: 400 24px Arial, sans-serif, Times, serif !important; color:#fff !important; }
h3 { font-size: 20px; margin:20px 0 0 0; }
h4 { font: 300 20px 'Open Sans', sans-serif, Times, serif !important; color:#fff !important;  }

.overlay-wrapper { margin-left:3%;top:15%; }

.desktop-nav { display:none; }
.mobile-nav { display:block; margin: 20px  0 0 0 ; width: 400px; float:right; }
	.social-nav { text-align: center; display:none; }
	footer { display:none; }
  header { text-align:center; }

.engleza{text-align:left; }


	/***** About *****/
 #timeline { display:none; }
 .header-wrapper { margin-bottom:60px; }
 .footer-top { display:none; }
 #accordion .title {  width:213px; margin:0px 0px 14px 20px; }
 #accordion .title .close-btn  { right:-27px; }
 
 /***** Portfolio *****/
 .protfolio #tabs div figure { width:400px;  }

 /***** Services *****/
.overlay { left: -41px ; }

/***** Price *****/
.res-overlay { width:  230px; }
.res-overlay a { margin-left: 45px; }
/***** Blog *****/
.blog-post figure { width: 400px; }
/***** Blog Post *****/ 

 .blog-comment ul li { width: 475px; }
 .blog-comment .replay { margin-left:0px; }

 .blog-comment ul li .post-comment { width: 410px; }
 .blog-comment .replay li { width: 478px; }
 .blog-comment .replay li .post-comment { width: 410px; }
 
.contact-form form input[ type="text" ] { width:96%; margin-right:0; height:30px;  border-radius:0px;  background:#424245; outline-color: #fff !important; border:1px solid #fff; font: 300 15px 'Open Sans', sans-serif, Times, serif; color:#fff;  }
}


/****************************************************************************
(768)
****************************************************************************/
@media only screen and ( max-width: 768px )
{
  
h1 {  font: 400 30px 'Open Sans', sans-serif, Times, serif !important; color:#fff !important; }
h1 span{  font: 400 52px 'Adore','Open Sans', Arial, sans-serif, Times, serif !important; color:#fff !important; }  
h2 {  font: 400 30px 'Open Sans', sans-serif, Times, serif !important; color:#fff !important; }

h2 span{  font: 400 24px Arial, sans-serif, Times, serif !important; color:#fff !important; }
h3 { font-size: 20px; margin:20px 0 0 0; }
h4 { font: 300 20px 'Open Sans', sans-serif, Times, serif !important; color:#fff !important;  }

.engleza{text-align:left; margin-left:-20px;}

	/***** HOME ****/

 nav ul li { margin-right:6px; }
.mobile-nav { display:block; top:5px; width: 200px; float:left; }

.overlay-wrapper { position:absolute;  top:40%; left:3%;}
	/***** About *****/
 #timeline { display:none; }
 .header-wrapper { margin-bottom:60px; }
 .footer-top { display:none; }
 #accordion .title {  width:213px; margin:0px 0px 14px 20px; }
 #accordion .title .close-btn  { right:-27px; }

	/***** Portfolio *****/
 .protfolio #tabs div figure { width:400px;  }
  /***** Services *****/
.overlay { left: -41px ; }
/***** Price *****/
.res-overlay { width:  230px; }
.res-overlay a { margin-left: 45px; }
/***** Blog *****/
.blog-post figure { width: 400px; }

/***** Blog Post *****/ 

 .blog-comment ul li { width: 475px; }
 .blog-comment .replay { margin-left:0px; }

 .blog-comment ul li .post-comment { width: 410px; }
 .blog-comment .replay li { width: 478px; }
 .blog-comment .replay li .post-comment { width: 410px; }


.contact-form form input[ type="text" ] { width:96%; margin-right:0; height:30px;  border-radius:0px;  background:#424245; outline-color: #fff !important; border:1px solid #fff; font: 300 15px 'Open Sans', sans-serif, Times, serif; color:#fff;  }

}


/****************************************************************************
(600 X 800)
****************************************************************************/
@media only screen and (min-width: 480px) and (max-width: 767px)
{
footer { display:none; }
/***** HOME *****/
h1 {  font: 400 30px 'Open Sans', sans-serif, Times, serif !important; color:#fff !important; }
h1 span{  font: 400 42px 'Adore','Open Sans', Arial, sans-serif, Times, serif !important; color:#fff !important; }  
h2 {  font: 400 26px 'Open Sans', sans-serif, Times, serif !important; color:#fff !important; }

h2 span{  font: 400 20px Arial, sans-serif, Times, serif !important; color:#fff !important; }
h3 { font-size: 15px; margin:20px 0 0 0; }
h4 { font: 300 15px 'Open Sans', sans-serif, Times, serif !important; color:#fff !important;  }

.overlay-wrapper { position:absolute;  top:150px; left:3%; padding-bottom:2%;}
.engleza{text-align:right; margin-left:-20px;}

.desktop-nav { display:none; }
.mobile-nav { display:block; top:5px; width: 200px; float:left; }

nav ul li ul { top: 115px; }
#progress-back { display:none !important; }
.search_form { display:none; }



.footer-wrapper  { text-align:center; }
.footer-wrapper .span6 { float:none !important; }
.social-nav { text-align: center; display:none; }

/***** About *****/

 .who-we { width: 295px; }
  #timeline { display:block; }
  
  #timeline{ width: 570px; margin: 0 auto; margin-bottom: 30px; }
  #scrrol-bg { width: 570px; }
  #issues li img { width: 256px; }
  #issues li p { width: 340px;  }
  
  #accordion { width: 580px; margin: 0 auto; }
  
 .header-wrapper { margin-bottom:60px; }
 .footer-top { display:none; }
 #accordion .title { width: 557px; }
 #accordion .title .close-btn { right: -338px; }
 
/***** Services *****/
.overlay { left: 150px ; }
.s-heading { text-align: center; }

.service-two  .span4{ width : 280px; margin: 0 auto; margin-bottom: 10px; } 
.service-two  .span8{ width : 580px; margin: 0 auto; } 
#tabs .fliter li {  margin-bottom: 10px; } 
#tabs div ul { width: 138px; margin-bottom: 10px; }

.res-overlay { width:  300px; }
.res-overlay a { margin-left: 75px; }

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


.protfolio a.next { display: none; }
.protfolio a.back { display: none; }
.protfolio #tabs div figure { width:280px;  }

.my-selector  { width: 580px; margin: 0 auto; }
.my-selector a { margin-bottom: 8px; padding: 8px 16px; }
.contant { width:77%; }
#project-eliment { width: 400px; margin: 0 auto;  }
#project-eliment li {  }

/***** Single Page *****/
.protfolio #tabs { width: 280px; margin: 0 auto; }
.protfolio #tabs div figure { height: 185px; margin-bottom: 10px; }
.protfolio #tabs div .detail { width: 280px; margin: 0 auto; }

#flip { width: 280px; margin: 0 auto; }
.jspHorizontalBar { width: 262px !important; }

/***** Blog *****/
.blog-post { width: 580px; margin: 0 auto;  margin-bottom: 15px;}
.blog-post h4 a { display:none; }
.blog-post figure { width: 478px; height: 250px; }
aside .widget { width: 565px; margin: 0 auto; }

.blog-comment { width: 580px; margin: 0 auto; margin-bottom: 15px; }
/* .blog-comment ul li figure { float:none; }
.blog-comment ul li .post-comment { float:none; width:290px; } */

.blog-comment ul li .post-comment { width: 505px; }

/* .blog-comment .replay { margin-left:0px; }
.blog-comment .replay li { width: 305px; } */
.blog-comment ul li { width: 580px; }
/* .blog-comment .replay li .post-comment { float:none; width:290px; } */


.contact-info { width: 580px; margin: 0 auto; }

.contact-form form input[ type="text" ] { width:96%; margin-right:0; height:30px;  border-radius:0px;  background:#424245; outline-color: #fff !important; border:1px solid #fff; font: 300 15px 'Open Sans', sans-serif, Times, serif; color:#fff;  }

}


/****************************************************************************
(480 X 320)
****************************************************************************/
@media only screen and (width: 480px)
{

/***** HOME *****/
header { text-align:center; }
.logo { float:none !important; }
.desktop-nav { display:none; }
.engleza{text-align:right;margin-left:-20px;}

h1 {  font: 400 30px 'Open Sans', sans-serif, Times, serif !important; color:#fff !important; }
h1 span{  font: 400 32px 'Adore','Open Sans', Arial, sans-serif, Times, serif !important; color:#fff !important; }  
h2 {  font: 400 30px 'Open Sans', sans-serif, Times, serif !important; color:#fff !important; }

h2 span{  font: 400 20px Arial, sans-serif, Times, serif !important; color:#fff !important; }
h3 { font-size: 15px; margin:20px 0 0 0; }
h4 { font: 300 15px 'Open Sans', sans-serif, Times, serif !important; color:#fff !important;  }

.overlay-wrapper { position:absolute;  top:150px; left:3%;}

.desktop-nav { display:none; }
.mobile-nav { display:block; top:5px; width: 200px; float:left; }


.mobile-nav select { background:url(../images/footer-bg.png) repeat !important; color:#FFF;  }
.mobile-nav select option { color:#fff; }
.mobile-nav select option:hover { color:#000; } 

#progress-back { display:none !important; }
.search_form { display:none; }


.footer-wrapper  { text-align:center; }
.footer-wrapper .span6 { float:none !important; }
.social-nav { text-align: center; display:none; }

/***** About *****/
  #timeline { display:block; }
  
  #timeline{ width: 300px; margin: 0 auto; margin-bottom: 30px; }
  #scrrol-bg { width: 270px; }
  #issues li img { width: 300px; float: none; }
  #issues li p { width: 300px; float: none; }
  
 .header-wrapper { margin-bottom:60px; }
 .footer-top { display:none; }
 #accordion .title { width: 295px; }
 #accordion .title .close-btn { right: -100px; }
 
/***** Services *****/
.overlay { left: 8px ; }
.s-heading { text-align: center; }
.service-two  .span4{ width : 280px; margin: 0 auto; margin-bottom: 10px; } 
.service-two  .span8{ width : 280px; margin: 0 auto; } 
#tabs .fliter li {  margin-bottom: 10px; } 
#tabs div ul { width: 138px; margin-bottom: 10px; }
/***** Portfolio *****/


.protfolio a.next { display: none; }
.protfolio a.back { display: none; }
.protfolio #tabs div figure { width:280px;  }

.my-selector  { width: 280px; margin: 0 auto; }
.my-selector a { margin-bottom: 8px; padding: 8px 16px; }
.contant { width:67%; }
#project-eliment { width: 300px; margin: 0 auto;  }
#project-eliment li {  }

/***** Single Page *****/
.protfolio #tabs { width: 280px; margin: 0 auto; }
.protfolio #tabs div figure { height: 185px; margin-bottom: 10px; }
.protfolio #tabs div .detail { width: 280px; margin: 0 auto; }

#flip { width: 280px; margin: 0 auto; }
.jspHorizontalBar { width: 262px !important; }

/***** Blog *****/
.blog-post { width: 290px; margin: 0 auto;  margin-bottom: 15px;}
.blog-post h4 a { float:none; }
.blog-post figure { width: 204px; height: 150px; }
aside .widget { width: 280px; margin: 0 auto; }

.blog-comment { width: 290px; margin: 0 auto; margin-bottom: 15px; }
.blog-comment ul li figure { float:none; }
.blog-comment ul li .post-comment { float:none; width:290px; }


.blog-comment .replay { margin-left:0px; }
.blog-comment .replay li { width: 305px; }
.blog-comment ul li { width: 290px; }
.blog-comment .replay li .post-comment { float:none; width:290px; }


.contact-info { width: 280px; margin: 0 auto; }

.contact-form form input[ type="text" ] { width:96%; margin-right:0; height:30px;  border-radius:0px;  background:#424245; outline-color: #fff !important; border:1px solid #fff; font: 300 15px 'Open Sans', sans-serif, Times, serif; color:#fff;  }
}


/****************************************************************************
(320 X 480)
****************************************************************************/
@media only screen and (min-width: 320px) and (max-width: 480px)
{
footer { display:none; }
/***** HOME *****/

.logo { float:none !important; }

h1 {  font: 400 20px 'Open Sans', sans-serif, Times, serif !important; color:#fff !important; }
h1 span{  font: 400 32px 'Adore','Open Sans', Arial, sans-serif, Times, serif !important; color:#fff !important; }  
h2 {  font: 400 20px 'Open Sans', sans-serif, Times, serif !important; color:#fff !important; }
h2 span{  font: 400 20px Arial, sans-serif, Times, serif !important; color:#fff !important; }
h3 { font-size: 15px; margin:20px 0 0 0; }
h4 { font: 300 15px 'Open Sans', sans-serif, Times, serif !important; color:#fff !important;  }
.engleza{text-align:right;margin-left:-20px;}
.overlay-wrapper { top:150px; left:3%;}

.desktop-nav { display:none; }
.mobile-nav { display:block; top:5px ; width: 200px; float:left; }


#progress-back { display:none !important; }
.search_form { display:none; }



.footer-wrapper  { text-align:center; }
.footer-wrapper .span6 { float:none !important; }
.social-nav { text-align: center; display:none; }

/***** About *****/
  #timeline { display:block; }
  
  #timeline{ width: 300px; margin: 0 auto; margin-bottom: 30px; }
  #scrrol-bg { width: 270px; }
  #issues li img { width: 300px; float: none; }
  #issues li p { width: 300px; float: none; }
  
 .header-wrapper { margin-bottom:60px; }
 .footer-top { display:none; }
 #accordion .title { width: 295px; }
 #accordion .title .close-btn { right: -100px; }
 
/***** Services *****/
.overlay { left: 8px ; }
.s-heading { text-align: center; }
.service-two  .span4{ width : 280px; margin: 0 auto; margin-bottom: 10px; } 
.service-two  .span8{ width : 280px; margin: 0 auto; } 
#tabs .fliter li {  margin-bottom: 10px; } 
#tabs div ul { width: 138px; margin-bottom: 10px; }
/***** Portfolio *****/


.protfolio a.next { display: none; }
.protfolio a.back { display: none; }
.protfolio #tabs div figure { width:280px;  }

.my-selector  { width: 280px; margin: 0 auto; }
.my-selector a { margin-bottom: 8px; padding: 8px 16px; }
.contant { width:67%; }
#project-eliment { width: 300px; margin: 0 auto;  }
#project-eliment li {  }

/***** Single Page *****/
.protfolio #tabs { width: 280px; margin: 0 auto; }
.protfolio #tabs div figure { height: 185px; margin-bottom: 10px; }
.protfolio #tabs div .detail { width: 280px; margin: 0 auto; }

#flip { width: 280px; margin: 0 auto; }
.jspHorizontalBar { width: 262px !important; }

/***** Blog *****/
.blog-post { width: 290px; margin: 0 auto;  margin-bottom: 15px;}
.blog-post h4 a { display:none; }
.blog-post figure { width: 204px; height: 150px; margin-bottom:-20px;}
aside .widget { width: 280px; margin: 0 auto; }

.blog-comment { width: 290px; margin: 0 auto; margin-bottom: 15px; }
.blog-comment ul li figure { float:none; }
.blog-comment ul li .post-comment { float:none; width:290px; }

.comment { background:url(../images/comment_min.png) no-repeat; width:60px; height:13px; padding-top: 0px; padding-bottom: 0px; position:absolute; right:-92px; bottom:40px; line-height:11px;}
.date a { display:none; }

.blog-comment .replay { margin-left:0px; }
.blog-comment .replay li { width: 305px; }
.blog-comment ul li { width: 290px; }
.blog-comment .replay li .post-comment { float:none; width:290px; }


.contact-info { width: 280px; margin: 0 auto; }
.contact-form form input[ type="text" ] { width:96%; margin-right:0; height:30px;  border-radius:0px;  background:#424245; outline-color: #fff !important; border:1px solid #fff; font: 300 15px 'Open Sans', sans-serif, Times, serif; color:#fff;  }
}

@media only screen and ( max-width: 319px )
{
h1 {  font: 400 20px 'Open Sans', sans-serif, Times, serif !important; color:#fff !important; }
h1 span{  font: 400 32px 'Adore','Open Sans', Arial, sans-serif, Times, serif !important; color:#fff !important; }  
h2 {  font: 400 20px 'Open Sans', sans-serif, Times, serif !important; color:#fff !important; }

h2 span{  font: 400 16px Arial, sans-serif, Times, serif !important; color:#fff !important; }
h3 { font-size: 16px; margin:20px 0 0 0; }
h4 { font: 300 16px 'Open Sans', sans-serif, Times, serif !important; color:#fff !important;  }
.desktop-nav { display:none; }
.mobile-nav { display:block; margin: 10px  auto 0px ; width: 200px; float:left; }
.social-nav { text-align: center; display:none; }

footer { display:none; }
.engleza { text-align:center;float:left; }
.overlay-wrapper { margin-left:0; width:90%;top:20%;}
.contact-form form input[ type="text" ] { width:96%; margin-right:0; height:30px;  border-radius:0px;  background:#424245; outline-color: #fff !important; border:1px solid #fff; font: 300 15px 'Open Sans', sans-serif, Times, serif; color:#fff;  }
}