/*-------------------------*/
/* Globel
/*-------------------------*/
*{
    position: relative;
    box-sizing: border-box;
}
body{
    font-family: arial;
}




.wrapper{
    overflow: hidden;
}
.main-bg{
    background-image: url("../images/01.jpg");
    opacity: 0.3;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.givePadding{
    padding-top: 35px;
    /*padding-bottom: 35px;*/

}
/*-------------------------*/
/* Component
/*-------------------------*/
/* Elements Placeholder */
.elements{
    /*background-color: rgba(0,0,0,0.5);*/

    /*border: 1px solid #fff;*/
    border-radius: 10px;
    color: #fff;
    font-size: 20px;
    padding: 10px 8px;
}

.elementsnews{
    /*background-color: rgba(0,0,0,0.5);*/

    /*border: 1px solid #fff;*/
    border-radius: 10px;
    color: #fff;
    font-size: 20px;
    padding: 10px 8px;
}
.elements1{
    /*background-color: rgba(0,0,0,0.5);*/
    /*border: 1px solid #fff;*/
    border-radius: 10px;
    color: #fff;
    font-size: 20px;
    padding: 10px 8px;
    transition: all 0.3s;

}
.elements2{
    /*margin-top: 50%;*/
    /*background-color: rgba(0,0,0,0.5);*/
    /*border: 1px solid #fff;*/
    border-radius: 10px;
    color: #fff;
    /*font-size: 20px;*/
    padding: 10% 0px;
}

.elements3{
    background-color: rgba(0,0,0,0.5);
    /*border: 1px solid #fff;*/
    border-radius: 10px;
    color: #fff;
    font-size: 20px;
    padding: 10px 8px;
}

.elements4{
    background-color: rgba(0,0,0,0.5);
    /*border: 1px solid #fff;*/
    border-radius: 10px;
    color: #fff;
    font-size: 20px;
    padding: 10px 8px;
}
.elements5{
    /*background-color: rgba(0,0,0,0.5);*/
    /*border: 1px solid #fff;*/
    border-radius: 10px;
    color: #fff;
    font-size: 20px;
    /*padding: 0px 8px;*/
}

.elements6{
    background-color: rgba(0,0,0,0.5);
    /*border: 1px solid #fff;*/
    border-radius: 10px;
    color: #fff;
    font-size: 20px;
    padding: 10px 8px;
}

.elements7{
    /*background-color: rgba(0,0,0,0.5);*/
    /*border: 1px solid #fff;*/
    border-radius: 10px;
    color: #fff;
    font-size: 20px;
    padding: 10px 8px;
}

.elements7 .row .col-xs-8 .elements1{
    background-image: url("../images/fb.png");
    border: 1px solid #3b579d;

    margin-right: 8px;
    background-color: #fff;
    height: 64px;
    opacity: 1;
}

.elements7 .row .col-xs-8 .elements1:hover{
    /*height: 64px;*/
    opacity: 1;

}

.elements8{
    /*background-color: rgba(0,0,0,0.5);*/
    /*border: 1px solid #fff;*/
    border-radius: 10px;
    /*color: #fff;*/
    font-size: 20px;
    padding: 550% 8px;

}

.elements8:hover{
    opacity: 0;
}

.elements_top{
    border-radius: 10px;
    color: #fff;
    /*box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);*/

}


.elements_new1{
    /*margin-top: 50%;*/
    /*background-color: rgba(137,116,147,1);*/
    /*border: 1px solid #fff;*/
    border-radius: 10px;
    color: #fff;
    /*font-size: 20px;*/
    /*padding: 10px 8px;*/
    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);
    

}
.elements_new2{
    /*margin-top: 50%;*/
    /*background-color: rgba(137,116,147,1);*/
    /*background-color: #623979;*/
    border: 4px solid #623979;
    border-radius: 10px;
    color: #fff;
    /*font-size: 20px;*/
    padding: 10px 0px;
    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);
    

}

.elements_course1{
    /*margin-top: 50%;*/
    background-color: rgba(137,116,147,1);
    /*background-image: linear-gradient(120deg, #992de5 0%, #691fbc 20%, #5d1cb4 54%, #391498 100%);*/

    /*border: 1px solid #fff;*/
    border-radius: 10px;
    color: #fff;
    /*font-size: 20px;*/
    /*padding: 10px 0px;*/
    padding: 10px 40px;

    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);
    

}



.elements_course2{
    /*margin-top: 50%;*/
    background-color: rgba(137,116,147,1);
    /*background-image: linear-gradient(120deg, #992de5 0%, #691fbc 20%, #5d1cb4 54%, #391498 100%);*/

    /*border: 4px solid rgba(137,116,147,1);*/
    border-radius: 10px;
    color: #fff;
    /*font-size: 20px;*/
    padding: 10px 20px;
    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);
    

}

.elements_environ1{
    /*margin-top: 50%;*/
    /*background-color: #623979;*/
    /*background-color: rgba(137,116,147,1);*/
    border: 4px solid #623979;
    border-radius: 10px;
    color: #fff;
    /*font-size: 20px;*/
    padding: 10px 20px;
    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);
    

}

.elements_active1{
    /*margin-top: 50%;*/
    /*background-color: #623979;*/

    /*background-color: rgba(137,116,147,1);*/
    border: 4px solid #623979;
    border-radius: 10px;
    color: #fff;
    /*font-size: 20px;*/
    padding: 10px 20px;
    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);
    

}

.elementsFB{
    /*margin-top: 50%;*/
    background-color: rgba(137,116,147,1);
    /*border: 1px solid #fff;*/
    border-radius: 10px;
    color: #fff;
    /*font-size: 20px;*/
    padding: 10px 20px;
    margin-bottom: 10px;
    height: 70px;
}


/* navbar */
.navbar{
    background-color: #623979;
    position: fixed;
    top: 0;
    left: 0;
    /*width: 100%;*/
    z-index: 50;
    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);

}

.navbar1{
    background-color: #623979;
    position: fixed;

    top: 0;
    right: 0;
    /*width: 100%;*/
    z-index: 50;
    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);
    

}

.navbar2{
    background-color: #623979;
    position: fixed;

    top: 0;
    right: 0;
    /*width: 100%;*/
    z-index: 50;
    opacity: 1;
  transition: all 0.3s;
    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);



}

.navbar2:hover,
.navbar2:active{
    opacity: 0;
  transition: all 0.3s;

}



.navbar .elements{
    height: 133px;
    background-color: rgba(227,123,86,0);
    
}

.navbar .elements1:hover,
.navbar .elements1:active
{
    /*background-color: rgba(54,32,70,0.8);*/
    /*border: 1px solid #fff;*/



}

.navbar .container .elements img
{
    width: 133px;
}


.nean {
    font-weight: bold;
    margin-left: 12px;
    /*padding: 0px 8px;*/
    /*line-height: 40px;*/
    font-size: 28px;
    letter-spacing: 20px;
    text-decoration: none;
    text-align: center;
    transition: all 0.3s;

}

.nean:hover,
.nean1:hover,
.nean:active,
.nean1:active

{
    font-size: 32px;
    /*color: #cfc098;*/


}

.nean a:hover,
.nean1 a:hover{
    /*color: #cfc098;*/
    text-decoration: none;



}

.nean a,
.nean1 a,
.nean2 a
 {
    color: #efefef;
    text-decoration: none;
    /*color: #cfc098;*/

    
}

.nean1 {
    font-weight: bold;

    margin-left: -4px;
    /*padding: 0px 8px;*/
    /*line-height: 40px;*/

    font-size: 28px;
    /*letter-spacing: 20px;*/
    text-decoration: none;
    text-align: center;
    transition: all 0.3s;
    color: #fff;

}




.nean2 {
    /*margin-left: -4px;*/
    /*padding: 0px 8px;*/
    font-size: 24px;
    /*letter-spacing: 20px;*/
    text-decoration: none;
    text-align: center;
}

.nean3 {
    /*margin-left: -4px;*/
    /*padding: 0px 8px;*/
    font-size: 24px;
    opacity: 1;
    /*letter-spacing: 20px;*/
    text-decoration: none;
    text-align: center;
}
.nean4 {
    
    /*margin-left: -4px;*/
    /*padding: 0px 8px;*/
    font-size: 20px;
    opacity: 1;
    /*letter-spacing: 20px;*/
    text-decoration: none;
    text-align: center;
}


.nean5 {
    /*margin-left: -4px;*/
    /*padding: 0px 8px;*/
    font-size: 32px;
    opacity: 1;
    /*letter-spacing: 20px;*/
    text-decoration: none;
    text-align: center;
    

}

.nean5 a{
    color: #623979;
    text-decoration: none;



}


.home1{
    color: #fff;

    line-height: 24px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;  
}

@media (max-width: 1650px) {
 .home1 {

    line-height: 24px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;    
}

}


@media (max-width: 1600px) {
 .home1 {

    line-height: 24px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;    
}

}


@media (max-width: 1550px) {
 .home1 {

    line-height: 24px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;    
}

}


@media (max-width: 1500px) {
 .home1 {

    line-height: 24px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;    
}

}


@media (max-width: 1450px) {
 .home1 {

    line-height: 24px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;    
}

}


@media (max-width: 1400px) {
 .home1 {

    line-height: 24px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;    
}

}




@media (max-width: 1200px) {
 .home1 {

    line-height: 24px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;    
}

}



@media (max-width: 480px) {
 .home1 {

    line-height: 24px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;    
}

}

@media (max-width: 425px) {
 .home1 {

    line-height: 22px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;    
}

}

@media (max-width: 425px) {
 .home1 {

    line-height: 22px;
    font-size: 14px;
}

}



.home01 {
    color: #623979;

    line-height: 50px;
    text-align: center;
    font-size: 40px;
    font-weight: bold;    
}

@media (max-width: 1440px) {
 .home01 {
    color: #623979;

    line-height: 50px;
    text-align: center;
    font-size: 28px;
    font-weight: bold;    
}

}
.home01 a{
    color: #fff;
    text-decoration: none;

}


.home02{
    color: #623979;

    line-height:48px;
    text-align: center;
    font-size: 36px;
    font-weight: bold;  
}


@media (max-width: 1200px) {
.home02{
    color: #623979;

    line-height:48px;
    text-align: center;
    font-size: 28px;
    font-weight: bold;  
}

}


@media (max-width: 1024px) {
.home02{
    color: #623979;

    line-height:48px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;  
}

}

@media (max-width: 768px) {
.home02{
    color: #623979;

    line-height:48px;
    text-align: center;
    font-size: 32px;
    font-weight: bold;  
}

}

@media (max-width: 425px) {
.home02{
    color: #623979;

    line-height:48px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;  
}

}



.home02 a{
    color: #623979;
    text-decoration: none;
    transition: all 0.3s;


}
.home02 a:hover,
.home02 a:active{
    color: #ef386c;
    text-decoration: none;

}

.home03{
    color: #623979;

    line-height: 56px;
    text-align: center;
    font-size: 40px;
    font-weight: bold;    
}


@media (max-width: 1440px) {
 .home03 {

    line-height: 56px;
    font-size: 28px;
}

}

@media (max-width: 1200px) {
 .home03 {

    line-height: 64px;
    font-size: 28px;
}

}

@media (max-width: 320px) {
 .home03 {

    line-height: 64px;
    font-size: 22px;
}

}
.home03 a{
    color: #fff;
    text-decoration: none;

}




.home2{
    color: #623979;

    line-height:32px;
    /*text-align: center;*/
    font-size: 24px;
    font-weight: bold;  
    margin-left: 20px;
}


@media (max-width: 1600px) {
 .home2{
    color: #623979;

    line-height:32px;
    /*text-align: center;*/
    font-size: 20px;
    font-weight: bold;  
    margin-left: 20px;
}


}



@media (max-width: 1440px) {
 .home2{
    color: #623979;

    line-height:32px;
    /*text-align: center;*/
    font-size: 20px;
    font-weight: bold;  
    margin-left: 20px;
}


}



@media (max-width: 1400px) {
 .home2{
    color: #623979;

    line-height:32px;
    /*text-align: center;*/
    font-size: 18px;
    font-weight: bold;  
    margin-left: 20px;
}


}


@media (max-width: 1300px) {
 .home2{
    color: #623979;

    line-height:32px;
    /*text-align: center;*/
    font-size: 17px;
    font-weight: bold;  
    margin-left: 20px;
}


}



@media (max-width: 1200px) {
 .home2{
    color: #623979;

    line-height:28px;
    /*text-align: center;*/
    font-size: 20px;
    font-weight: bold;  
    margin-left: 20px;
}


}

@media (max-width: 768px) {
 .home2{
    color: #623979;

    line-height:20px;
    /*text-align: center;*/
    font-size: 16px;
    font-weight: bold;  
    margin-left: 30px;
}


}


@media (max-width: 480px) {
 .home2{
    color: #623979;

    line-height:20px;
    /*text-align: center;*/
    font-size: 18px;
    font-weight: bold;  
    margin-left: 30px;
}


}


@media (max-width: 425px) {
 .home2{
    color: #623979;

    line-height:24px;
    /*text-align: center;*/
    font-size: 20px;
    font-weight: bold;  
    margin-left: 35px;
}


}

@media (max-width: 375px) {
 .home2{
    color: #623979;

    line-height:24px;
    /*text-align: center;*/
    font-size: 16px;
    font-weight: bold;  
    margin-left: 40px;
}


}


@media (max-width: 320px) {
 .home2{
    color: #623979;

    line-height:20px;
    /*text-align: center;*/
    font-size: 16px;
    font-weight: bold;  
    margin-left: 40px;
}


}

.home2 a{
    color: #623979;
    text-decoration: none;
    transition: all 0.3s;


}

.home2 a:hover,
.home2 a:active{
    color: #ef386c;
    text-decoration: none;

}



.list {
    color: #623979;
    
    line-height: 70px;
    text-align: center;
    font-size: 50px;
    font-weight: bold;    
}


.list a{
    color: #623979;
    text-decoration: none;

}
.list a:hover{
    color: #d81973;
}




.content {
    color: #623979;
    
    line-height: 48px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    opacity: 1;
}

.content a{
    color: #623979;
    text-decoration: none;

}











.row .col-xs-12-1 .elements6{
    background: url(../images/YYYY.svg);
    margin-top: 70px;
    height: 150px;
    margin-bottom: 20px;
    opacity: 1;
 }

.row .col-xs-12-1 .elements5{
    height: 90px;
    margin-bottom: 10px;

 }
  .row .col-xs-12 .elements5{
    height: 90px;
    margin-bottom: 20px;

 }  

  .row .col-xs-12-1 .elements7{
    background-color: #fff;

    height: 75px;
    margin-bottom: 20px;

 } 


 .row .col-xs-12-1 .elements4{
    background-color: #fff;
    height: 180px;
    margin-bottom: 20px;
 } 








.home_top{
    color: #fff;

    line-height: 44px;
    text-align: center;
    font-size: 28px;
    font-weight: bold; 
}


@media (max-width: 1440px) {
  .home_top{
    color: #fff;

    line-height: 44px;
    text-align: center;
    font-size: 24px;
    font-weight: bold; 
}

}

@media (max-width: 1200px) {
  .home_top{
    color: #fff;

    line-height: 44px;
    text-align: center;
    font-size: 16px;
    font-weight: bold; 
}

}


@media (max-width: 1024px) {
  .home_top{
    color: #fff;

    line-height: 26px;
    text-align: center;
    font-size: 16px;
    font-weight: bold; 
}

}


@media (max-width: 768px) {
  .home_top{
    color: #fff;

    line-height: 30px;
    text-align: center;
    font-size: 20px;
    font-weight: bold; 
}

}


.home_top a{
    
    color: #e83c79;
    text-decoration: none;
    transition: all 0.3s;

}

.home_top2{
    color: #fff;

    line-height: 44px;
    text-align: center;
    font-size: 28px;
    font-weight: bold; 
}


@media (max-width: 1440px) {
  .home_top2{
    color: #fff;

    line-height: 44px;
    text-align: center;
    font-size: 24px;
    font-weight: bold; 
}

}

@media (max-width: 1200px) {
  .home_top2{
    color: #fff;

    line-height: 44px;
    text-align: center;
    font-size: 16px;
    font-weight: bold; 
}

}

@media (max-width: 1024px) {
  .home_top2{
    color: #fff;

    line-height: 26px;
    text-align: center;
    font-size: 16px;
    font-weight: bold; 
}

}


@media (max-width: 768px) {
  .home_top2{
    color: #fff;

    line-height: 32px;
    text-align: center;
    font-size: 20px;
    font-weight: bold; 
}

}





.home_top2 a{
    
    color: #623979;
    text-decoration: none;
    transition: all 0.3s;

}

.home_top2 a:hover,
.home_top2 a:active
{
    color: #e83c79;

}



.new .elements_top {
    /*background-color: #623979;*/
    margin-top: 30px;
    height: 70px;

}

@media(max-width: 768px){
  .new .elements_top {
    /*background-color: #623979;*/
    margin-top: 20px;
    height: 120px;

}

}


@media(max-width: 768px){
  .new .elements_top {
    /*background-color: #623979;*/
    margin-top: 20px;
    height: 130px;

}

}


@media(max-width: 425px){
  .new .elements_top {
    /*background-color: #623979;*/
    margin-top: 20px;
    height: 130px;

}

}

@media(max-width: 375px){
  .new .elements_top {
    /*background-color: #623979;*/
    margin-top: 20px;
    height: 130px;

}

}

@media(max-width: 320px){
  .new .elements_top {
    /*background-color: #623979;*/
    margin-top: 20px;
    height: 160px;

}

}




.new .elements_top .row .col-xs-4 .elements{
    /*background-color: #623979;*/
    height: 70px;
   


}







.new .elements_top .row .col-xs-4 .elements .row .col-xs-6 .elements{
    background-color: #fff;
    height: 70px;
    border: 4px solid #623979;

    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);

}


@media(max-width: 768px){
  .new .elements_top .row .col-xs-4 .elements .row .col-xs-6 .elements{
    background-color: #fff;
    margin-top: 10px;
    height: 60px;
    border: 4px solid #623979;


    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);

}
}

@media(max-width: 425px){
  .new .elements_top .row .col-xs-4 .elements .row .col-xs-6 .elements{
    background-color: #fff;
    height: 60px;
    border: 4px solid #623979;


    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);

}
}


@media(max-width: 320px){
  .new .elements_top .row .col-xs-4 .elements .row .col-xs-6 .elements{
    background-color: #fff;
    height: 80px;
    border: 4px solid #623979;


    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);

}
}

.new .elements_top .row .col-xs-4 .elements .row .col-xs-6 .elements3{
    opacity: 0.8;
    background-color: #fff;   
    height: 70px;
    border: 4px solid #623979;
    padding: 10px 8px;


    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);
    transition: all 0.3s;
}

@media(max-width: 768px){
  .new .elements_top .row .col-xs-4 .elements .row .col-xs-6 .elements3{
    margin-top: 0px;
    background-color: #fff;
    height: 60px;
    border: 4px solid #623979;
    

    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);

}
}



@media(max-width: 320px){
  .new .elements_top .row .col-xs-4 .elements .row .col-xs-6 .elements3{
    margin-top: 10px;
    background-color: #fff;
    height: 80px;
    border: 4px solid #623979;
    

    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);

}
}





.new .elements_top .row .col-xs-4 .elements .row .col-xs-6 .elements3:hover,
.new .elements_top .row .col-xs-4 .elements .row .col-xs-6 .elements3:avtive{

    margin-top: -2px;
    margin-left: -2px;
    /*opacity: 1;*/

}





.new .elements_new1{
    background-color: #623979;
    margin-top: 30px;
    height: 400px;

    
}



@media(max-width: 1440px){
  .new .elements_new1{
    margin-top: 30px;
    height: 300px;
    /*background-color: #fff;*/


    
}
}

@media(max-width: 1200px){
  .new .elements_new1{
    margin-top: 30px;
    height: 236px;
    /*background-color: #fff;*/


    
}
}

@media(max-width: 1024px){
  .new .elements_new1{
    margin-top: 30px;
    height: 196px;
    /*background-color: #fff;*/


    
}
}

@media(max-width: 768px){
  .new .elements_new1{
    margin-top: 30px;
    height: 140px;
    /*background-color: #fff;*/


    
}
}

@media(max-width: 480px){
  .new .elements_new1{
    margin-top: 10px;
    height: 0px;
    /*background-color: #fff;*/
    border: 0px solid rgba(137,116,147,1);



    
}
}


@media(max-width: 425px){
  .new .elements_new1{
    margin-top: 10px;
    height: 0px;
    /*background-color: #fff;*/
    border: 0px solid rgba(137,116,147,1);



    
}
}

@media(max-width: 375px){
  .new .elements_new1{
    margin-top: 0px;
    height: 0px;
    /*background-color: #fff;*/
    border: 0px solid rgba(137,116,147,1);



    
}
}

.new .elements_new1 .row .col-xs-10 .elements,
.new .elements_new1 .row .col-xs-1 .elements
{
    /*margin-top: 30px;*/

    height: 398px;
   
}

@media(max-width: 425px){
  .new .elements_new1 .col-xs-10 .elements,
.new .elements_new1 .col-xs-1 .elements{
    height: 0px;

}

}








.new .elements_new2{
    background-image: url("../images/S__5996558.jpg");

    margin-top: 30px;
    height: 340px;
   
}


@media(max-width: 1200px){
  
.new .elements_new2{
    background-image: url("../images/S__5996558.jpg");

    margin-top: 30px;
    height: 500px;
   
}


}


@media(max-width: 768px){
  
.new .elements_new2{
    background-image: url("../images/S__5996558.jpg");

    margin-top: 30px;
    height: 370px;
   
}


}


@media(max-width: 480px){
  
.new .elements_new2{
    background-image: url("../images/S__5996558.jpg");

    margin-top: 30px;
    height: 650px;
   
}


}

@media(max-width: 425px){
  
.new .elements_new2{
    background-image: url("../images/S__5996558.jpg");

    margin-top: 40px;
    height: 650px;
   
}


}

.new .elements_new2 .row .col-xs-4 .elements{
    /*margin-top: 20px;*/
    height: 70px;
    background-color: #623979;

    /*background-color: #897493;*/
    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);
    
    transition: all 0.3s;
   
}

.new .elements_new2 .row .col-xs-4 .elements:hover{
    background-color: #8233b0;

}


.new .elements_new2 .row .col-xs-5-1 .elements3{
    margin-top: 10px;
    height: 160px;
    /*background-color: #897493;*/
    background-color: #623979;

    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);
    

   
}


@media(max-width: 1200px){
  
.new .elements_new2 .row .col-xs-5-1 .elements3{
    margin-top: 10px;
    height: 210px;
    /*background-color: #897493;*/
    background-color: #623979;

    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);
    

   
}



}

@media(max-width: 768px){
  
.new .elements_new2 .row .col-xs-5-1 .elements3{
    margin-top: 10px;
    height: 256px;
    /*background-color: #897493;*/
    background-color: #623979;

    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);
   
}

}


.new .elements_new2 .row .col-xs-5-1 .elements3 .row .col-xs-10-1 .elements{
    height: 50px;
    margin-top: 12px;
    background-color: #fff;
    /*margin-bottom: : 12px;*/
    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);
    padding: 0px 8px;  
    transition: all 0.3s;


}



@media(max-width: 1200px){
  
.new .elements_new2 .row .col-xs-5-1 .elements3 .row .col-xs-10-1 .elements{
    height: 80px;
    margin-top: 12px;
    background-color: #fff;
    /*margin-bottom: : 12px;*/
    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);
    padding: 0px 8px;  
    transition: all 0.3s;


}

}


@media(max-width: 768px){
  
.new .elements_new2 .row .col-xs-5-1 .elements3 .row .col-xs-10-1 .elements{
    height: 100px;
    margin-top: 12px;
    background-color: #fff;
    /*margin-bottom: : 12px;*/
    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);
    padding: 0px 8px;  
    transition: all 0.3s;


}


}



@media(max-width: 425px){
  .new .elements_new2 .row .col-xs-5-1 .elements3 .row .col-xs-10-1 .elements3 .elements,
.new .elements_new2 .row .col-xs-5-1 .elements3 .row .col-xs-1-1 .elements3 .elements{
    margin-top: 30px;
    height: 90px;
    background-color: #fff;
    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);
    transition: all 0.3s;
    
}

}


@media(max-width: 320px){
  .new .elements_new2 .row .col-xs-5-1 .elements3 .row .col-xs-10-1 .elements3 .elements4,
.new .elements_new2 .row .col-xs-5-1 .elements3 .row .col-xs-1-1 .elements3 .elements4{
    margin-top: 30px;
    height: 130px;
    background-color: #fff;
    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);
    transition: all 0.3s;
    
}

}


.new .elements_new2 .row .col-xs-5-1 .elements3 .row .col-xs-10-1 .elements:hover{
    margin-left: -20px;
    transition: all 0.3s;
}

.new .elements_new2 .row .col-xs-5-1 .elements3 .row .col-xs-10-1 .elements .elementsnews{
    height: 50px;
}


.new .elements_new2 .row .col-xs-5-1 .elements3 .row .col-xs-10-1 .elements .elementsnews img{
     width: 36px;
    top: -2px;
    left: 10px;
}











.new .elements_course1{
    margin-top: 30px;
    height: 440px;
    background-color: #623979;
   
}



@media (max-width: 1600px) {
  .new .elements_course1{
    
    margin-top: 30px;
    height: 440px;
    
}
}


@media (max-width: 1550px) {
  .new .elements_course1{
    
    margin-top: 30px;
    height: 400px;
    
}
}


@media (max-width: 1500px) {
  .new .elements_course1{
    
    margin-top: 30px;
    height: 400px;
    
}
}



@media (max-width: 1440px) {
  .new .elements_course1{
    
    margin-top: 30px;
    height: 390px;
    padding: 10px 10px;
    
    
}

}


@media (max-width: 1400px) {
  .new .elements_course1{
    
    margin-top: 30px;
    height: 390px;
    padding: 10px 10px;
    
}

}


@media (max-width: 1350px) {
  .new .elements_course1{
    
    margin-top: 30px;
    height: 370px;
    padding: 10px 10px;
    
}

}



@media (max-width: 1300px) {
  .new .elements_course1{
    
    margin-top: 30px;
    height: 350px;
    padding: 10px 10px;
    
}

}


@media (max-width: 1250px) {
  .new .elements_course1{
    
    margin-top: 30px;
    height: 330px;
    padding: 10px 10px;
    
}

}



@media (max-width: 1200px) {
  .new .elements_course1{
    
    margin-top: 30px;
    height: 320px;
    padding: 10px 10px;
    
}

}

@media (max-width: 1150px) {
  .new .elements_course1{
    
    margin-top: 30px;
    height: 300px;
    padding: 10px 10px;
    
}

}


@media (max-width: 1100px) {
  .new .elements_course1{
    
    margin-top: 30px;
    height: 280px;
    padding: 10px 10px;
    
}

}



@media (max-width: 1050px) {
  .new .elements_course1{
    
    margin-top: 30px;
    height: 270px;
    padding: 10px 10px;
    
}

}


@media (max-width: 1200px) {
  .new .elements_course1{
    
    margin-top: 30px;
    height: 310px;
    padding: 10px 10px;
    
}

}

@media (max-width: 1024px) {
  .new .elements_course1{
    
    margin-top: 30px;
    height: 260px;
    padding: 10px 10px;
    
}

}

@media (max-width: 992px) {
  .new .elements_course1{
    
    margin-top: 30px;
    height: 252px;
    padding: 10px 10px;
    
}

}

@media (max-width: 768px) {
  .new .elements_course1{
    
    margin-top: 20px;
    height: 1050px;
    padding: 10px 10px;
    
}

}


@media (max-width: 700px) {
  .new .elements_course1{
    
    margin-top: 20px;
    height: 1110px;
    padding: 10px 10px;
    
}

}

@media (max-width: 600px) {
  .new .elements_course1{
    
    margin-top: 20px;
    height: 960px;
    padding: 10px 10px;
    
}

}


@media (max-width: 480px) {
  .new .elements_course1{
    
    margin-top: 20px;
    height: 760px;
    padding: 10px 10px;
    
}

}




@media (max-width: 425px) {
  .new .elements_course1{
    
    margin-top: 20px;
    height: 840px;
    padding: 10px 10px;
    
}

}


@media (max-width: 375px) {
  .new .elements_course1{
    
    margin-top: 20px;
    height: 760px;
    padding: 10px 10px;
    
}

}


@media (max-width: 320px) {
  .new .elements_course1{
    
    margin-top: 20px;
    height: 660px;
    padding: 10px 10px;
    
}

}


.new .elements_course1 .row .col-xs-4 .elements{
    margin-top: 10px;
    height: 400px;
    background-color: #623979;
    
    padding: 0px 0px;
   
}

@media (max-width: 1600px) {
  .new .elements_course1 .row .col-xs-4 .elements{
    margin-top: 10px;
    height: 350px;
    
}

}

@media (max-width: 1500px) {
  .new .elements_course1 .row .col-xs-4 .elements{
    margin-top: 10px;
    height: 330px;
    
}

}



@media (max-width: 1440px) {
  .new .elements_course1 .row .col-xs-4 .elements{
    margin-top: 10px;
    height: 350px;
    
}

}


@media (max-width: 1400px) {
  .new .elements_course1 .row .col-xs-4 .elements{
    margin-top: 10px;
    height: 310px;
    
}

}



@media (max-width: 1350px) {
  .new .elements_course1 .row .col-xs-4 .elements{
    margin-top: 10px;
    height: 300px;
    
}

}


@media (max-width: 1300px) {
  .new .elements_course1 .row .col-xs-4 .elements{
    margin-top: 10px;
    height: 290px;
    
}

}


@media (max-width: 1250px) {
  .new .elements_course1 .row .col-xs-4 .elements{
    margin-top: 10px;
    height: 280px;
    
}

}



@media (max-width: 1200px) {
  .new .elements_course1 .row .col-xs-4 .elements{
    margin-top: 10px;
    height: 270px;
    
}

}


@media (max-width: 1150px) {
  .new .elements_course1 .row .col-xs-4 .elements{
    margin-top: 10px;
    height: 240px;
    
}

}


@media (max-width: 1100px) {
  .new .elements_course1 .row .col-xs-4 .elements{
    margin-top: 10px;
    height: 230px;
    
}

}



@media (max-width: 1050px) {
  .new .elements_course1 .row .col-xs-4 .elements{
    margin-top: 10px;
    height: 220px;
    
}

}




@media (max-width: 1024px) {
  .new .elements_course1 .row .col-xs-4 .elements{
    margin-top: 10px;
    height: 216px;
    
}

}


@media (max-width: 1000px) {
  .new .elements_course1 .row .col-xs-4 .elements{
    margin-top: 10px;
    height: 210px;
    
}

}



@media (max-width: 992px) {
  .new .elements_course1 .row .col-xs-4 .elements{
    margin-top: 10px;
    height: 206px;
    
}

}



@media (max-width: 768px) {
  .new .elements_course1 .row .col-xs-4 .elements{
    margin-top: 10px;
    height: 330px;
    
}

}


@media (max-width: 480px) {
  .new .elements_course1 .row .col-xs-4 .elements{
    margin-top: 10px;
    height: 230px;
    
}

}


@media (max-width: 425px) {
  .new .elements_course1 .row .col-xs-4 .elements{
    margin-top: 10px;
    height: 260px;
    
}

}



@media (max-width: 375px) {
  .new .elements_course1 .row .col-xs-4 .elements{
    margin-top: 10px;
    height: 234px;
    
}

}

@media (max-width: 320px) {
  .new .elements_course1 .row .col-xs-4 .elements{
    margin-top: 10px;
    height: 198px;
    
}

}


.new .elements_course1 .row .col-xs-4 .elements:hover,
.new .elements_course1 .row .col-xs-4 .elements:active{
    padding: 0px 0px;
    transition: all 0.3s;
    box-shadow:2px 2px 8px 4px rgba(20%,20%,40%,0.5) inset;
    


}



.new .elements_course2{
    margin-top: 30px;
    height: 100px;
    background-color: #623979;
   
}

@media (max-width: 768px) {
  .new .elements_course2{
    margin-top: 30px;
    height: 280px;
    background-color: #623979;
   
}
}


.new .elements_course2 .row .col-xs-4 .elements{
    /*margin-top: 20px;*/
    height: 70px;
   
}
.new .elements_course2 .row .col-xs-4 .elements3{
    margin-top: 8px;
    height: 70px;
    background-color: #f9f9f9;
    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);


   
}



@media (max-width: 1440px) {
  .new .elements_course2 .row .col-xs-4 .elements3{
    margin-top: 4px;
    height: 70px;
    background-color: #f9f9f9;
    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);


   
}

}



@media (max-width: 768px) {
  .new .elements_course2 .row .col-xs-4 .elements3{
    margin-top: 8px;
    height: 70px;
    margin-bottom: 8px;
    background-color: #f9f9f9;
    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);


   
}

}


.new .elements_course2 .row .col-xs-3 .elements3:hover,
.new .elements_course2 .row .col-xs-3 .elements3:active{
    padding: 12px 8px;
    transition: all 0.3s;
    color: #ef386c;

    box-shadow:2px 2px 8px 4px rgba(20%,20%,40%,0.5) inset;
    


}


.new .elements_environ1{
    margin-top: 30px;
    height: 550px;
    margin-bottom: 30px;

   
}

@media (max-width: 1600px) {
  .new .elements_environ1{
    margin-top: 30px;
    height: 520px;
    margin-bottom: 30px;

   
}

}


@media (max-width: 1500px) {
  .new .elements_environ1{
    margin-top: 30px;
    height: 500px;
    margin-bottom: 30px;

   
}

}

@media (max-width: 1450px) {
  .new .elements_environ1{
    margin-top: 30px;
    height: 500px;
    margin-bottom: 30px;

   
}

}

@media (max-width: 1400px) {
  .new .elements_environ1{
    margin-top: 30px;
    height: 530px;
    margin-bottom: 30px;

   
}

}



@media (max-width: 1350px) {
  .new .elements_environ1{
    margin-top: 30px;
    height: 520px;
    margin-bottom: 30px;

   
}

}



@media (max-width: 1300px) {
  .new .elements_environ1{
    margin-top: 30px;
    height: 500px;
    margin-bottom: 30px;

   
}

}



@media (max-width: 1250px) {
  .new .elements_environ1{
    margin-top: 30px;
    height: 500px;
    margin-bottom: 30px;

   
}

}




@media (max-width: 1200px) {
  .new .elements_environ1{
    margin-top: 30px;
    height: 470px;
    margin-bottom: 30px;

   
}

}

@media (max-width: 1024px) {
  .new .elements_environ1{
    margin-top: 30px;
    height: 1200px;
    margin-bottom: 30px;

   
}

}
@media (max-width: 768px) {
  .new .elements_environ1{
    margin-top: 30px;
    height: 1760px;
    margin-bottom: 30px;

   
}

}

@media (max-width: 650px) {
  .new .elements_environ1{
    margin-top: 30px;
    height: 2200px;
    margin-bottom: 30px;

   
}

}


@media (max-width: 600px) {
  .new .elements_environ1{
    margin-top: 30px;
    height: 2000px;
    margin-bottom: 30px;

   
}

}



@media (max-width: 480px) {
  .new .elements_environ1{
    margin-top: 30px;
    height: 1200px;
    margin-bottom: 30px;

   
}

}



@media (max-width: 425px) {
  .new .elements_environ1{
    margin-top: 30px;
    height: 1300px;
    margin-bottom: 30px;

   
}

}

@media (max-width: 375px) {
  .new .elements_environ1{
    margin-top: 30px;
    height: 1220px;
    margin-bottom: 30px;

   
}

}


@media (max-width: 320px) {
  .new .elements_environ1{
    margin-top: 30px;
    height: 1180px;
    margin-bottom: 30px;

   
}

}


.new .elements_environ1 .row .col-xs-6-1 .elements{
    height: 550px;
    padding: 0px;
    

}


.new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-8 .elements{
    /*margin-top: 20px;*/
    background-color: #623979;
    height: 70px;
    border: 4px solid #623979;
    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);
    transition: all 0.3s;


   
}


.new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-8 .elements:hover{
    background-color: #8233b0;
    border: 4px solid  #8233b0;


}

@media (max-width: 1024px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-8 .elements{
    margin-top: 20px;
    background-color: #623979;
    height: 70px;
    border: 4px solid #623979;
    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);



   
}

}


.new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements{
    background-color: #623979;
    padding: 0px 0px;
    margin-top: 20px;
    height: 320px;
    border: 4px solid #623979;
    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);
    transition: all 0.3s;
    /*opacity: 0.8;*/

   
}
@media (max-width: 1650px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements{
    height: 304px;

   
}

}





@media (max-width: 1600px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements{
    height: 284px;

   
}

}




@media (max-width: 1550px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements{
    height: 270px;

   
}

}



@media (max-width: 1500px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements{
    height: 260px;

   
}

}


@media (max-width: 1450px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements{
    height: 244px;

   
}

}



@media (max-width: 1440px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements{
    height: 244px;

   
}

}


@media (max-width: 1400px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements{
    height: 240px;

   
}

}


@media (max-width: 1350px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements{
    height: 230px;

   
}

}



@media (max-width: 1300px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements{
    height: 214px;

   
}

}


@media (max-width: 1250px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements{
    height: 204px;

   
}

}



@media (max-width: 1200px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements{
    height: 184px;

   
}

}



@media (max-width: 1150px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements{
    height: 184px;

   
}

}


@media (max-width: 1100px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements{
    height: 164px;

   
}

}



@media (max-width: 1050px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements{
    height: 154px;

   
}

}


@media (max-width: 1024px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements{
    height: 310px;

   
}

}

@media (max-width: 768px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements{
    height: 430px;

   
}

}

@media (max-width: 650px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements{
    height: 344px;

   
}

}

@media (max-width: 600px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements{
    height: 294px;

   
}

}

@media (max-width: 480px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements{
    height: 220px;

   
}

}


@media (max-width: 425px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements{
    height: 248px;

   
}

}

@media (max-width: 375px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements{
    height: 220px;

   
}

}

@media (max-width: 320px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements{
    height: 170px;

   
}

}





.new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements:hover{
     margin-top: 14px;

   
}

.new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements  img{
    border-radius: 10px;
    width: 338px;
    height: 312px;
    border: 6px solid #623a79;


}


@media (max-width: 1680px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements  img{
    width: 304px;
    height: 312px;


}
}



@media (max-width: 1600px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements  img{
    width: 284px;
    height: 274px;


}
}


@media (max-width: 1440px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements  img{
    width: 242px;
    height: 234px;


}
}






@media (max-width: 1280px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements  img{
    width: 200px;
    height: 200px;


}
}



@media (max-width: 1200px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements  img{
    width: 180px;
    height: 174px;


}
}






@media (max-width: 1024px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements  img{
    width: 314px;
    height: 300px;


}
}

@media (max-width: 992px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements  img{
    width: 298px;
    height: 300px;


}


}

@media (max-width: 768px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements  img{
    width: 415px;
    height: 415px;


}


}


@media (max-width: 650px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements  img{
    width: 335px;
    height: 335px;


}


}



@media (max-width: 600px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements  img{
    width: 285px;
    height: 285px;


}


}



@media (max-width: 480px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements  img{
    width: 208px;
    height: 210px;


}


}


@media (max-width: 425px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements  img{
    width: 230px;
    height: 240px;


}


}

@media (max-width: 375px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements  img{
    width: 204px;
    height: 210px;


}


}

@media (max-width: 320px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements  img{
    width: 150px;
    height: 160px;


}


}






.new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements3{

    background-color: #623979;
    margin-top: 10px;
    height: 100px;
    border: 4px solid #623979;
    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);


}

.new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-12 .elements3{

    background-color: #623979;
    margin-top: 10px;
    height: 100px;
    border: 4px solid #623979;
    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);


}

@media (max-width: 1550px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements3{

    height: 120px;


}

}

@media (max-width: 1550px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-12 .elements3{

    height: 120px;


}

}

@media (max-width: 1500px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements3{

    height: 110px;


}

}

@media (max-width: 1500px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-12 .elements3{

    height: 110px;


}

}


@media (max-width: 1440px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements3{

    height: 120px;


}

}

@media (max-width: 1440px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-12 .elements3{

    height: 120px;


}

}



@media (max-width: 1200px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements3{

    height: 150px;


}

}

@media (max-width: 1200px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-12 .elements3{

    height: 150px;


}

}


@media (max-width: 1150px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements3{

    height: 150px;


}

}

@media (max-width: 1150px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-12 .elements3{

    height: 150px;


}

}


@media (max-width: 1100px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements3{

    height: 170px;


}

}

@media (max-width: 1100px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-12 .elements3{

    height: 170px;


}

}


@media (max-width: 1050px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements3{

    height: 180px;


}

}


@media (max-width: 1050px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-12 .elements3{

    height: 180px;


}

}


@media (max-width: 1024px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements3{

    height: 100px;


}

}

@media (max-width: 1024px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-12 .elements3{

    height: 100px;


}

}


@media (max-width: 768px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements3{

    margin-top: 14px;
    height: 100px;
    margin-bottom: 8px;

}

}


@media (max-width: 768px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-12 .elements3{

    margin-top: 14px;
    height: 100px;
    margin-bottom: 8px;

}

}


@media (max-width: 320px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-6 .elements3{

    margin-top: 14px;
    height: 130px;
    margin-bottom: 8px;

}

}

@media (max-width: 320px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .col-xs-12 .elements3{

    margin-top: 14px;
    height: 130px;
    margin-bottom: 8px;

}

}




.new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements{
    background-color: #623979;
    margin-top: 20px;
    height: 320px;
    border: 4px solid #623979;
    box-shadow:2px 0px 2px rgba(20%,20%,40%,0.6),4px 0px 6px rgba(20%,20%,40%,0.4),6px 0px 12px rgba(20%,20%,40%,0.4),-2px 0px 2px rgba(20%,20%,40%,0.6),-4px 0px 6px rgba(20%,20%,40%,0.4),-6px 0px 12px rgba(20%,20%,40%,0.4);

}


@media (max-width: 1650px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements{
    background-color: #623979;
    margin-top: 20px;
    height: 414px;
    border: 4px solid #623979;
}

}


@media (max-width: 1600px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements{
    background-color: #623979;
    margin-top: 20px;
    height: 394px;
    border: 4px solid #623979;
}

}

@media (max-width: 1550px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements{
    background-color: #623979;
    margin-top: 20px;
    height: 400px;
    border: 4px solid #623979;
}

}


@media (max-width: 1500px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements{
    background-color: #623979;
    margin-top: 20px;
    height: 380px;
    border: 4px solid #623979;
}

}


@media (max-width: 1450px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements{
    background-color: #623979;
    margin-top: 20px;
    height: 364px;
    border: 4px solid #623979;
}

}



@media (max-width: 1440px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements{
    background-color: #623979;
    margin-top: 20px;
    height: 255px;
    border: 4px solid #623979;
}

}


@media (max-width: 1400px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements{
    background-color: #623979;
    margin-top: 20px;
    height: 360px;
    border: 4px solid #623979;
}

}


@media (max-width: 1350px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements{
    background-color: #623979;
    margin-top: 20px;
    height: 360px;
    border: 4px solid #623979;
}

}

@media (max-width: 1300px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements{
    background-color: #623979;
    margin-top: 20px;
    height: 346px;
    border: 4px solid #623979;
}

}



@media (max-width: 1250px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements{
    background-color: #623979;
    margin-top: 20px;
    height: 336px;
    border: 4px solid #623979;
}

}


@media (max-width: 1200px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements{
    background-color: #623979;
    margin-top: 20px;
    height: 344px;
    border: 4px solid #623979;
}

}



@media (max-width: 1024px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements{
    background-color: #623979;
    margin-top: 20px;
    height: 420px;
    border: 4px solid #623979;
}

}

@media (max-width: 768px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements{
    background-color: #623979;
    margin-top: 20px;
    height: 300px;
    border: 4px solid #623979;
}

}



@media (max-width: 480px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements{
    background-color: #623979;
    margin-top: 20px;
    height: 220px;
    border: 4px solid #623979;
}

}


@media (max-width: 425px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements{
    background-color: #623979;
    margin-top: 20px;
    height: 196px;
    border: 4px solid #623979;
}

}


@media (max-width: 375px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements{
    background-color: #623979;
    margin-top: 20px;
    height: 180px;
    border: 4px solid #623979;
}

}


@media (max-width: 320px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements{
    background-color: #623979;
    margin-top: 20px;
    height: 160px;
    border: 4px solid #623979;
}

}


.new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements img{
    
    
    width: 708px;
    height: 310px;

}


@media (max-width: 1750px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements img{
    
    width: 678px;
    height: 420px;


}

}

@media (max-width: 1700px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements img{
    
    width: 654px;
    height: 420px;


}

}

@media (max-width: 1680px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements img{
    
    width: 640px;
    height: 400px;


}

}


@media (max-width: 1600px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements img{
    
    width: 604px;
    height: 380px;


}

}





@media (max-width: 1440px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements img{
    
    margin-top: 10px;
    width: 522px;
    height: 230px;


}

}



@media (max-width: 1366px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements img{
    
    margin-top: 4px;
    width: 488px;
    height: 340px;


}

}


@media (max-width: 1280px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements img{
    
    margin-top: 16px;
    width: 444px;
    height: 300px;


}

}



@media (max-width: 1200px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements img{
    
    margin-top: 16px;
    width: 408px;
    height: 290px;


}

}



@media (max-width: 1024px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements img{
    
    margin-top: 8px;
    width: 662px;
    height: 390px;


}

}


@media (max-width: 1000px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements img{
    
    margin-top: 0px;
    width: 630px;
    height: 410px;


}

}



@media (max-width: 992px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements img{
    
    margin-top: 12px;
    width: 618px;
    height: 390px;


}

}

@media (max-width: 768px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements img{
    
    margin-top: 12px;
    width: 414px;
    height: 260px;


}

}


@media (max-width: 480px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements img{
    
    margin-top: 12px;
    width: 208px;
    height: 180px;


}

}


@media (max-width: 425px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements img{
    
    margin-top: 12px;
    width: 228px;
    height: 160px;


}

}


@media (max-width: 375px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements img{
    
    margin-top: 12px;
    width: 202px;
    height: 140px;


}

}

@media (max-width: 320px) {
  .new .elements_environ1 .row .col-xs-6-1 .elements .row .col-xs-12 .elements img{
    
    margin-top: 12px;
    width: 152px;
    height: 120px;


}

}



.elements_new2 .row .col-xs-10 .elements img{
    
    height: 220px;


}


@media (max-width: 1440px) {
  .elements_new2 .row .col-xs-10 .elements img{
    
    height: 160px;

}

@media (max-width: 1024px) {
  .elements_new2 .row .col-xs-10 .elements img{
    
    height: 370px;

}





------------------------------------------------------




@media (max-width: 1200px) {
  .elements1{
    /*background-color: rgba(0,0,0,0.5);*/
    /*border: 1px solid #fff;*/
    border-radius: 10px;
    color: #fff;
    font-size: 20px;
    padding: 4px 8px;
    margin-top: 0px;
    margin-bottom: 0px;


}
}


@media (max-width: 1024px) {
  .elements1{
    /*background-color: rgba(0,0,0,0.5);*/
    /*border: 1px solid #fff;*/
    border-radius: 10px;
    color: #fff;
    font-size: 20px;
    padding: 4px 8px;
    margin-top: 0px;
    margin-bottom: 0px;


}
}


@media (min-height: 1366px) {
  .elements1{
    /*background-color: rgba(0,0,0,0.5);*/
    /*border: 1px solid #fff;*/
    border-radius: 10px;
    color: #fff;
    font-size: 20px;
    padding: 4px 8px;
    margin-top: 20px;
    margin-bottom: 0px;


}
}

@media (max-width: 992px) {
  .elements1{
    /*background-color: rgba(0,0,0,0.5);*/
    /*border: 1px solid #fff;*/
    border-radius: 10px;
    color: #fff;
    font-size: 20px;
    padding: 10px px;
    margin-top: 0px;
    margin-bottom: 0px;


}
}


@media (max-width: 768px) {
  .elements1{
    /*background-color: rgba(0,0,0,0.5);*/
    /*border: 1px solid #fff;*/
    border-radius: 10px;
    color: #fff;
    font-size: 20px;
    padding: 4px 8px;
    margin-top: 0px;
    margin-bottom: 0px;


}
}

@media (min-height: 1024px) {
  .elements1{
    /*background-color: rgba(0,0,0,0.5);*/
    /*border: 1px solid #fff;*/
    border-radius: 10px;
    color: #fff;
    font-size: 20px;
    padding: 4px 8px;
    margin-top: 20px;
    margin-bottom: 0px;


}
}

@media (max-width: 425px) {
  .elements1{
    /*background-color: rgba(0,0,0,0.5);*/
    /*border: 1px solid #fff;*/
    border-radius: 10px;
    color: #fff;
    font-size: 20px;
    padding: 10px 0px;

    margin-top: 4px;
    margin-bottom: 4px;
}
}

@media (max-width: 375px) {
  .elements1{
    /*background-color: rgba(0,0,0,0.5);*/
    /*border: 1px solid #fff;*/
    border-radius: 10px;
    color: #fff;
    font-size: 20px;
    padding: 8px 8px;

    margin-top: 0px;
    margin-bottom: 0px;
}
}
@media (max-width: 320px) {
  .elements1{
    /*background-color: rgba(0,0,0,0.5);*/
    /*border: 1px solid #fff;*/
    border-radius: 10px;
    color: #fff;
    font-size: 20px;
    padding: 3px 8px;

    margin-top: 0px;
    margin-bottom: 0px;
}
}





@media (max-width: 425px) {
  .navbar .elements{
    height: 183px;
    background-color: rgba(227,123,86,0);
    
}
}



@media (max-width: 1024px) {
  .navbar .container .elements img{
    width: 133px;
}
}

@media (max-width: 992px) {
  .navbar .container .elements img{
    width: 134px;
}
}

@media (max-width: 768px) {
  .navbar .container .elements img{
    width: 126px;
}
}

@media (max-width: 425px) {
  .navbar .container .elements img{
    width: 85px;
}
}

@media (max-width: 414px) {
  .navbar .container .elements img{
    width: 65px;
}
}



@media (max-width: 375px) {
  .navbar .container .elements img{
    width: 65px;
}
}











@media (max-width: 425px) {
  .nean {
    margin-left: 12px;
    /*padding: 0px 8px;*/
    font-size: 48px;
    letter-spacing: 20px;
    text-decoration: none;
    text-align: center;
}
}

@media (max-width: 375px) {
  .nean {
    margin-left: 12px;
    /*padding: 0px 8px;*/
    font-size: 24px;
    letter-spacing: 20px;
    text-decoration: none;
    text-align: center;
}
}

@media (max-width: 320px) {
  .nean {
    margin-left: 12px;
    /*padding: 0px 8px;*/
    font-size: 56px;
    letter-spacing: 20px;
    text-decoration: none;
    text-align: center;
}
}






@media (max-width: 1200px) {
  .about{
    color: #fff;

    line-height: 64px;
    /*text-align: center;*/
    letter-spacing: 12px;
    
    font-size: 28px;
    font-weight: bold;  
}
}

@media (max-width: 425px) {
  .about{
    color: #fff;

    line-height: 64px;
    text-align: center;
    letter-spacing: 5px;
    
    font-size: 20px;
    font-weight: bold;  
}
}

@media (max-width: 320px) {
  .about{
    color: #fff;

    line-height: 64px;
    text-align: center;
    letter-spacing: 2px;
    
    font-size: 18px;
    font-weight: bold;  
}
}







@media (max-width: 1200px) {
  .about02{
    font-size: 28px;
    line-height: 44px;

    
}
}

@media (max-width: 768px) {
  .about02{
    font-size: 28px;
    line-height: 38px;

    
}
}


@media (max-width: 425px) {
  .about02{
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 6px;
    margin-left: 12px;
    
}
}


@media (max-width: 375px) {
  .about02{
    margin-left: 8px;

    font-size: 18px;
    line-height: 28px;
    letter-spacing: 4px;


    
}
}

@media (max-width: 320px) {
  .about02{
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 4px;


    
}
}