@media only screen and (max-width: 1599px) and (min-width: 768px)  {

.pattern-style-001 {
    position: relative;
}

.pattern-style-001:before {
        content: "";
        background-image: url(/images/0_GreenHome/pattern/circle6.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 100px;
        right: -10px;
        width: 440px;
        height: 800px;
}
  .pattern-style-002 {
    position: relative;
}

.pattern-style-002:before {
        content: "";
        background-image: url(/images/0_GreenHome/pattern/circle3.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 640px;
        height: 1000px;
}
 .pattern-style-003 {
    position: relative;
}

.pattern-style-003:before {
        content: "";
        background-image: url(/images/0_GreenHome/pattern/circle.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: -140px;
        right: -200px;
        width: 580px;
        height: 800px;
} 
   .pattern-style-004 {
    position: relative;
}

.pattern-style-004:before {
        content: "";
        background-image: url(/images/0_GreenHome/pattern/circle4.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 0px;
        right: 0px;
        width: 380px;
        height: 800px;
} 
}

/*big screen :*/
@media(min-width:1600px){
  .pattern-style-001 {
    position: relative;
}

.pattern-style-001:before {
        content: "";
        background-image: url(/images/0_GreenHome/pattern/circle.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 150px;
        right: -140px;
        width: 680px;
        height: 800px;
}
  .pattern-style-002 {
    position: relative;
}

.pattern-style-002:before {
        content: "";
        background-image: url(/images/0_GreenHome/pattern/circle3.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 740px;
        height: 1000px;
}
 .pattern-style-003 {
    position: relative;
}

.pattern-style-003:before {
        content: "";
        background-image: url(/images/0_GreenHome/pattern/circle.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: -140px;
        right: -60px;
        width: 580px;
        height: 800px;
} 
     .pattern-style-004 {
    position: relative;
}

.pattern-style-004:before {
        content: "";
        background-image: url(/images/0_GreenHome/pattern/circle5.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 0px;
        right: 0px;
        width: 580px;
        height: 900px;
}
}