/*==================================================
=             Media Queries             =
==================================================*/
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
     
}

  
@media only screen and (max-width : 1021px) {
#menuPrincipal li a{margin-right:150px;}
#divNavBarPrincipal{width:100%;overflow:hidden;height:100%;width:100%;position:absolute;top:114px;z-index:1;}
#promo{z-index:0;}
#menuPrincipal{display:none ;}
#menuPrincipal li{ display: block;float:none;z-index:9999;width:1000px; }
     .mpbile-nav-icon{display:block;}
     #divMenuUp .toptext{margin-right:100px;}
     
     #divCentreOne p,#divCentreTow p, {padding-right:20px;padding-left:15px; padding-bottom:10px; }
     #divCentreOne ul{padding-right:20px;padding-left:15px;}
      #divCentreTow ul{padding-right:20px;padding-left:15px;}
     #divCentreTow h2{padding:15px;}
     #divBulleOne{margin-right:12px;}
     #divCentreLeftText h5{padding-right:35px;}
     #divCentreTow ul li a{font-size: 110%;}
     #divCentreTow img{margin:5px;}
     #divCenter800.blogDiv{padding-left:0px;margin-left:10px;}
     #divCenter800 h1, #divCenter800 h4{padding-right:25px;padding-left:-10px;}
 #divCenter800 p{padding-right:25px;padding-left:-10px;}
 #divCenter800 h3{padding-left:0px;padding-right:25px;margin-left:0px;}
 
 
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 900px) {

 #divMenuUp .toptext{margin-right:50px;}
.mpbile-nav-icon{margin-left: 260px;}
#menuPrincipal li a{margin-right:200px;}


  .commentTabl .largeText{width:400px;}
 #divCenter800 .largeText, {width:500px;}
 #divCenter800 .smallText,#divCenter800 .iputvall{width:250px;}
}
@media only screen and (max-width : 856px) {
#divNavBarPrincipal {
    top: 222px;
    height: auto!important;
}
@media only screen and (max-width : 850px) {

#divMenuUp .toptext{margin-right:0px;}
.mpbile-nav-icon{margin-left: 350px;}
}
@media only screen and (max-width : 800px) {

#menuPrincipal li a{margin-right:280px;}
#divMenuUp .toptext{margin-right:0px;}
.mpbile-nav-icon{margin-left: 400px;}
    #divCenter800 .smallText {width:210px;}
     #divCenter800 .largeText, .largeText{width:450px;}
     #divCenter800 .iputvall{width:190px;}
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
   
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

#divCenter800 .iputvall{width:175px;}
  .commentTabl .largeText{width:280px;}  

}

@media only screen and (max-width : 650px) {
#menuPrincipal li a{margin-right:450px;}
.mpbile-nav-icon{margin-left: 400px;}


  #divCentreMain{margin-bottom: 50px;}
 #divCentreRight{margin-bottom: 200px;}
 #divCenter800{height:600px;}
 
 #divCentreFive, #divCentreFivefr{margin-bottom:-210px;margin-top:25px;} 
#divCenter800.blogDiv{margin-bottom:-150px;}
#divCenter800.myblogDiv .article_content{margin-right:25px;padding-left:0px;padding-right:0px;}
}
@media only screen and (max-width : 635px) {

#divCentreMain{margin-bottom: 50px;}
 #divCentreRight{margin-bottom: 200px;}
 #divCenter800{height:1100px;margin-left:0px;padding-left:0px;}
#divCenter800 .largeText{width:400px;}

}
@media only screen and (max-width : 550px) {
.mpbile-nav-icon{margin-left: 320px;}
#divCenter800 .largeText, .largeText{width:360px;}

}
/* Extra Small Devices, Phones */

@media only screen and (max-width : 480px) {
#menuPrincipal li a{margin-right:600px;}
.mpbile-nav-icon{margin-left: 280px;}
   h1, h2, h3, h4, h5, h6{margin-left: 10px;
margin-right: 15px;}
   #divMenuUp p{ padding-right:20px; padding-left:20px;} 
   #phoneNumber { font-size: 40px !important;}
    #divMainPicture{height:280px;margin-bottom: -45px;}
    #divMainPicture img{height:80% !important;}

#divMenuFooter_1{height:120px;}
 .ulMenuFooter li{display: block;}
 .ulMenuFooter li a{font-size: .9em;line-height: 1.5em;}
 #divReferenceFooter{margin-left: 10px;
margin-right: 10px;}
#divMenuFooter_2{height:330px;margin-top:40px;margin-bottom: 20px;} 
#divCentreLeftReference{padding-bottom: 15%;}
#divCentreFive, #divCentreFivefr{margin-top:60px;}
    #divCentreMain{margin-bottom: 50px;}
 #divCentreRight{margin-bottom: 200px;}
 #divCenter800{height:1100px; margin-left:-10px;padding-left:0px;}
 #divCenter800 .largeText, .largeText{width:300px;}
 #divCenter800 .mycapt{margin-left:20px !important;}
 .list_page a{display: inline-block;}
 #divCenter800.blogDiv{margin-left:40px;}
 #divCenter800.blogDiv{padding-left:0px;margin-left:10px;box-sizing: border-box;}
 #divCenter800 h1{padding-right:25px;padding-left:-10px;font-size:130%;}
 #divCenter800 p{padding-right:25px;padding-left:-10px;box-sizing: border-box;}
 #divCenter800 p span{margin-right:-2px;margin-left:-2px;box-sizing: border-box;}
 #divCenter800 h4,#divCenter800 h3{padding-left:-15px;padding-right:35px;font-size:90%;margin-left:0px;}
 #divCenter800 p span strong a{margin-right:25px;font-size:90%;box-sizing: border-box;word-spacing: -3px;}
 #divCenter800.myblogDiv{margin-left:20px;padding-left:0px;padding-right:20px;}
 #divCenter800.myblogDiv .article_content{margin-right:45px;padding-left:0px;padding-right:0px;}
}

@media (max-width:600px){
    div#divCopyRight {
        width: 100%;
    }
}

/* iPhone 5 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){

}
/* iPhone 6 ----------- */

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){

}
@media only screen and (max-width : 420px) {
.mpbile-nav-icon{margin-left: 260px;}
#divCenter800.myblogDiv{margin-left:60px;padding-left:0px;padding-right:20px;}

}
@media only screen and (max-width : 400px) {
#divCenter800{ margin-left:-30px;padding-left:0px;}
#divCenter800 .largeText, .largeText{width:230px;}
#divCenter800 label span{display: block;}
.commentTabl .largeText{width:220px;}

#divCenter800.myblogDiv {margin-left:60px;padding-left:0px;padding-right:20px;}
}
/* Custom, iPhone Retina */

@media only screen and (max-width : 320px) {
#menuPrincipal li a{margin-right:700px;}
.mpbile-nav-icon{margin-left: 240px;}
#phoneNumber {     width: 312px;
    font-size: 29px !important;
    font-weight: bold;
    text-align:center;   
}

#divMenuUp p{ padding-right:20px; padding-left:20px;}

#divBulleTree {
    width: 180px;
    height: 100px;
    margin-bottom: 10px;
    padding: 10px 0 0 10px;
    background-size:contain;
    background-position:60% center;
    background-repeat:no-repeat;
    
    padding-bottom:40px;
    
    
}
.from_right { float:left;  margin:0px;}

#hot {

    width: 236px;
    z-index:2;
    margin-top: 5px;
    margin-left: 0px;
    margin-bottom: 15px;
    height: 300px;
    
}

#form_devis{padding-left: 8px;}
#divCentreLeftText h5{word-spacing: -3px;  line-height:20px;}
#divMainPicture{margin-bottom: -90px;}
#divMainPicture img{height:65% !important;}
#divCentreLeftReference{padding-bottom: 18%;}
#divCenter800{margin-left:-40px;}
 #divCenter800 .smallText,#divCenter800 .iputvall{width:180px;}
 #divCenter800 .largeText, .largeText{width:200px;}
#divCenter800 .mycapt{display: block;margin-left:70px !important;}
 #divCenter800 .btn{display: block; float:none !important;margin: 50px 0 0 100px !important;}
 
 #divCenter800 p span{text-align: justify;font-size: 85%; }
 .comment_right{}
 .text_comentariu{font-size: 85%;box-sizing: border-box;padding-right:14px;}
 .list_page a {padding: 2px; margin: 2px 2px 2px 2px; bottom: 20px; display: inline-block;}
 .commentTabl .largeText{width:180px;}
 #divCenter800.blogDiv{margin-left:20px;}
 #divCenter800.blogDiv{padding-left:0px;margin-left:15px;}
 #divCenter800.myblogDiv{margin-left:30px;padding-left:0px;padding-right:0px;}
}
*/