/* gemstones leanding page */

/*.category-gemstones .main-container .toolbar {
    display: none !important;
}*/
.category-gemstones .designer.square {
    margin: 0 auto;
    max-width: 1240px;
}
.category-wedding-education .main-container.col1-layout {
    max-width: 1240px !important;
}
.category-gemstones .main-container.col1-layout {
    max-width: 1240px !important;
}

.customer-account-login .main-container.col1-layout {
    max-width: 1240px !important;
}

.cms-diamond-color .main-container.col1-layout {
    max-width: 1240px !important;
}


.cms-the-4cs-overview .main-container.col1-layout , .cms-selecting-a-diamond-shape .main-container.col1-layout , .cms-laboratory-certificate .main-container.col1-layout , .cms-diamond-cut .main-container.col1-layout , .cms-diamond-clarity .main-container.col1-layout , .cms-diamond-carat-weight .main-container.col1-layout , .cms-diamond-cost .main-container.col1-layout , .cms-privacy-policy .main-container.col1-layout , .cms-terms  .main-container.col1-layout ,  .cms-faq .main-container.col1-layout , .cms-warranty .main-container.col1-layout , .cms-ourshowroom .main-container.col1-layout , .cms-heritage .main-container.col1-layout {
    max-width: 1240px !important;
}
.category-barkev-s .main-container.col1-layout {
    max-width: 100% !important;
}
.category-barkev-s .main-container.col1-layout .toolbar.alldropdown {
    margin: 0 auto;
    max-width: 1240px;
}
.category-barkev-s .main-container.col1-layout .col-main {
    margin: 0 auto;
    max-width: 1240px;
}
/* end gemstones leanding page */

.category-diamonds .main-container.col1-layout , .category-jewelry .main-container.col1-layout , .category-engagement .main-container.col1-layout , .category-wedding-bands .main-container.col1-layout , .category-timepieces .main-container.col1-layout , .category-education .main-container.col1-layout   {
    max-width: 100% !important;
}



/*  gunjan selecting-a-diamond-shape */


.diamond-landing-main {width: 100%;} 

diamond-landing-container{width:100%;max-width:1240px;margin:0 auto;}


.diamond-landing-main .diamond-landing-banner {position: relative;}

.diamond-landing-banner-text {
	position: absolute;
    top: 165px;
    left: 374px;
    width: 100%;
    max-width: 480px;
    text-align: center;
    margin: 0 auto;
}

.category-diamonds .main-container {
    max-width: 100%;
    margin: 0px auto;
    padding: 0 10px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.diamond-landing-container:after{clear:both;content:"";display:block;}

.diamond-landing-container{width:100%;margin:0 auto; max-width:1240px;}

.diamond-landing-banner-text h1{font-size:82px; color:#515151; font-size: 82px;
    color: #515151;
    font-weight: 200;
    letter-spacing: 8px;}

.section2-diamond-landing{width: 100%;clear: both; padding-bottom: 10px;}
.section2-diamond-landing:after{clear:both;content:"";display:block;}
.section3-diamond-landing{width: 100%;clear: both; padding-bottom: 10px;}
.section3-diamond-landing:after{clear:both;content:"";display:block;}
.section4-diamond-landing{width: 100%;clear: both; padding-bottom: 10px;}
.section4-diamond-landing:after{clear:both;content:"";display:block;}
.section5-diamond-landing{width: 100%;clear: both;padding-bottom: 35px;}
.section5-diamond-landing:after{clear:both;content:"";display:block;}



.section2-diamond-landing .section2-left-img{float: left;width: 65%;margin-right: 0; position: relative;}

/*.section2-diamond-landing .section2-left-img img{width: 100%;}*/

.section2-diamond-landing .section2-right-img{width: 34.5%;float: left;margin-left: 5px; position: relative;}

.section2-diamond-landing .section2-right-img .section2-right-img-text {
    position: absolute;
    bottom: 30px;
    left: 65px;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
}
.diamond-landing-container h1{font-size: 30px; color:#515151;}

span#head-below-content {
    width: 100%;
    max-width: 190px;
    margin: 0 auto;
    text-align: center;
    display: block;}
    
.heading-underline {
    border-top: 1px solid;
    width: 100%;
    max-width: 44px;
    text-align: center;
    margin: 0 auto;
        padding-bottom: 20px;
}
.diamond-landing-banner .responsive {
    display: none;
}

.section2-diamond-landing .section2-left-img .section2-left-img-text {position: absolute;top: 110px;
    right: 35px;}

.section2-diamond-landing .section2-left-img .section2-right-img-text {position: absolute;top: 0;right: 0;}

.section3-diamond-landing .section3-left-img{width: 34.5%;float: left;margin-right: 1%; position: relative;}

.section3-diamond-landing .section3-left-img .section3-left-img-text{position: absolute;
top: 145px;
    left: 30px;
}

.section3-diamond-landing .section3-left-img .section3-left-img-text h1{color:#fff;}

.section3-diamond-landing .section3-left-img .section3-left-img-text .heading-underline{border-top: 1px solid #fff;}

.section3-diamond-landing .section3-left-img .section3-left-img-text span#head-below-content{color:#fff;}

.section3-diamond-landing .section3-right-img{float: left;width: 64%;margin-left: 0; position: relative;}

.section3-diamond-landing .section3-right-img .section3-right-img-text {position: absolute;
    top: 145px;
    left: 30px;
    width: 100%;
    max-width: 305px;
    margin: 0 auto;
    text-align: center;}

.section4-diamond-landing .section4-left-img{float: left;width: 65%;margin-right: 0; position: relative;}

.section4-diamond-landing .section4-left-img .section4-left-img-text {position: absolute;
    top: 145px;
    left: 30px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    max-width: 300px;
}

.section4-diamond-landing .section4-right-img{width: 34.5%;float: left;margin-left: 5px; position: relative;}

.section4-diamond-landing .section4-right-img .section4-right-img-text {position: absolute;
    top: 145px;
    left: 30px;
    width: 100%;
    max-width: 192px;
    margin: 0 auto;
    text-align: center;
}

.section5-diamond-landing .section5-left-img{width: 34.5%;float: left;margin-right: 1%; position: relative;} 

.section5-diamond-landing .section5-left-img .section5-left-img-text{position: absolute;
    top: 48PX;
    right: 25px;
    width: 100%;
    max-width: 190px;
    margin: 0 auto;}
    
.section5-diamond-landing .section5-left-img .section5-left-img-text h1{color:#fff;}

.section5-diamond-landing .section5-left-img .section5-left-img-text .heading-underline{border-top: 1px solid #fff;}

.section5-diamond-landing .section5-left-img .section5-left-img-text span#head-below-content{color:#fff;}

.section5-diamond-landing .section5-right-img{float: left;width: 64%;margin-left: 0; position: relative;}

.section5-diamond-landing .section5-right-img .section5-right-img-text{    position: absolute;
    top: 160px;
    left: 40px;}
    
.section5-diamond-landing .section5-right-img .section5-right-img-text h1{color:#fff;}

.section5-diamond-landing .section5-right-img .section5-right-img-text .heading-underline{border-top: 1px solid #fff;}

.section5-diamond-landing .section5-right-img .section5-right-img-text span#head-below-content{color:#fff;}


@media only screen and (min-width: 770px){

.diamond-landing-main img{height: 100%;max-width: 100%;}

.diamond-landing-main .diamond-landing-banner img {
    height: 100%;max-width: 100%; width: 100%;
}

 
} 

@media only screen and (min-width:770px) and (max-width: 1920px){
.diamond-landing-main .diamond-landing-banner img {
    height: 100%;max-width: 100%; width: 100%;
}

}

@media only screen and (min-width: 1921px){
.diamond-landing-main .diamond-landing-banner img {
    height: 100%;max-width: 100%; width: 100%;
}
.diamond-landing-banner-text {
    position: absolute;
    top: 35%;
    left: 25%;
    width: 100%;
    max-width: 480px;
    text-align: center;
    margin: 0 auto;
}

}



@media only screen and (max-width: 1600px){
.diamond-landing-banner-text { 
    left: 215px; 
}
}

@media only screen and (max-width: 1350px){
.diamond-landing-banner-text {
    left: 215px;
    top: 140px;
}

.diamond-landing-banner-text h1 {
    font-size: 64px;
    font-weight: 200;
    letter-spacing: 8px;
}
}
@media only screen and (max-width: 1225px){
.diamond-landing-banner-text {
    left: 20px;
    top: 125px;
}
.diamond-landing-banner-text h1 {
    font-size: 56px;
    
}
}

@media only screen and (max-width: 950px){
.diamond-landing-banner-text {
    
    top: 90px;
}
.diamond-landing-banner-text h1 {
    font-size: 46px;
    
}
}
@media only screen and (max-width: 800px){
.diamond-landing-banner-text {
    top: 80px;
}
.diamond-landing-banner-text h1 {
    font-size: 40px;
    
}
}

@media only screen and (max-width: 769px){

.diamond-landing-banner .responsive {
    display: block !important;
    width:100% !important;
}
.diamond-landing-main .diamond-landing-banner img {
    width: 100%;
    display: none;
}

.diamond-landing-main .diamond-landing-banner img{width:100%}

#header .page-header-container .logo .small {display: block;    width: 100%;}

.section2-diamond-landing .section2-left-img {margin-right: 0;width: 100%;}

.diamond-landing-main img{width:100% !important;}

.section2-diamond-landing .section2-right-img {width: 100%;margin-left: 0; padding-top: 10px;}

.section3-diamond-landing .section3-left-img {width: 100%;margin-right: 0;    }

.section3-diamond-landing .section3-right-img {width: 100%;margin-left: 0;  padding-top: 10px;  }

.section4-diamond-landing .section4-left-img {width: 100%;margin-right: 0;}

.section4-diamond-landing .section4-right-img {
    width: 100%;
    margin-left: 0;
    padding-top: 10px;
   
}
.section5-diamond-landing .section5-left-img {
    width: 100%;
    float: left;
    margin-right: 0;
    position: relative;
}

.section5-diamond-landing .section5-right-img {
    width: 100%;
    margin-left: 0;
    padding-top: 10px;
}

.section2-diamond-landing .section2-right-img .section2-right-img-text {
    left: 0;
    width: 100%;
    max-width: 100%;
    display: block;
}

}
@media only screen and (max-width: 700px){
.diamond-landing-banner-text{
	top: 67px;
    max-width: 83%;
    width: 100%;
    display: block;
    text-align: center;
    margin: 0 auto;

}
.diamond-landing-banner-text h1{font-size:20px;}
}
@media only screen and (max-width: 650px){
.section2-diamond-landing .section2-left-img .section2-left-img-text {
    position: absolute;
    top: 50px;
    right: 5px;
}
.section4-diamond-landing .section4-left-img .section4-left-img-text{top: 50px;}
}

@media only screen and (max-width: 530px){
.section5-diamond-landing .section5-right-img .section5-right-img-text{top: 50px;}
.section3-diamond-landing .section3-right-img .section3-right-img-text{top: 50px;}
}

@media only screen and (max-width: 500px){
.diamond-landing-banner-text{top: 51px;
    max-width: 70%;}
}

@media only screen and (max-width: 450px){
.section4-diamond-landing .section4-left-img .section4-left-img-text{top: 50px;left:0;max-width:265px;}
}

@media only screen and (max-width: 425px){
.diamond-landing-banner .diamond-landing-banner-text {
    top: 95px;
    max-width: 100%;
    left: 0;
    text-align: right;
}
}

@media only screen and (max-width: 400px){
.section4-diamond-landing .section4-right-img .section4-right-img-text{top: 50px;left:0;}

}

@media only screen and (max-width: 355px){
.diamond-landing-banner .diamond-landing-banner-text {
    top: 75px;
    max-width: 100%;
    left: 0;
    text-align: right;
}
.diamond-landing-banner-text h1 {
    font-size: 18px;
}
}


@media only screen and (max-width: 350px){
.diamond-landing-container h1{font-size: 20px;} 
.section5-diamond-landing .section5-left-img .section5-left-img-text {	
    right: 0;
    width: 100%;
    max-width: 250px;
    margin: 0 auto;
}
.section5-diamond-landing .section5-left-img .section5-left-img-text h1{font-size: 20px;}

.section4-diamond-landing .section4-left-img .section4-left-img-text{    top: 5px;}

.section2-diamond-landing .section2-left-img .section2-left-img-text h1{font-size:16px;}
.section3-diamond-landing .section3-right-img .section3-right-img-text h1{font-size:16px;}

.section3-diamond-landing .section3-right-img .section3-right-img-text{max-width: 265px;}

}



/*.educationnew-main .educationnew-banner img{width:100%}*/

.educationnew-main .educationnew-banner {position: relative; width: 100%;}

.educationnew-main .educationnew-banner-text {
    position: absolute;
    top: 165px;
    left: 374px;
    width: 100%;
    max-width: 480px;
    text-align: left;
    margin: 0 auto;
}

.educationnew-main .educationnew-banner img{width:100%}

.educationnew-main {width: 100%;}

.educationnew-main .educationnew-banner-text h1{font-size: 82px;
    color: #515151;}

.educationnew-main .education-landing-container {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}

.educationnew-main .section2-education-left-img{
   float: left;
    width: 64%;
    margin-right: 13px;
    position: relative;}
    
.educationnew-main .section2-education-right-img    
    {width: 33.9%;
    float: left;
    margin-left: 0;
    position: relative;}
    
    
.educationnew-main .section3-education-left-img{width: 35%;
    float: left;
    margin-right: 10px;
    position: relative;}
    
.educationnew-main .section3-education-right-img{float: left;
    width: 63.3%;
    margin-left: 0;
    position: relative;} 
    
    
.educationnew-main .section4-education-left-img{
   float: left;
    width: 64%;
    margin-right: 13px;
    position: relative;}
    
.educationnew-main .section4-education-right-img    
    {width: 34%;
    float: left;
    margin-left: 0;
    position: relative;}  
    
    
.educationnew-main .section5-education-left-img{width: 35%;
    float: left;
    margin-right: 10px;
    position: relative;}
    
.educationnew-main .section5-education-right-img{float: left;
    width: 63%;
    margin-left: 0;
    position: relative;}  
    
    
.educationnew-main .section6-education-left-img{
   float: left;
    width: 64%;
    margin-right: 13px;
    position: relative;}
    
.educationnew-main .section6-education-right-img    
    {width: 34%;
    float: left;
    margin-left: 0;
    position: relative;}  
    
   
.educationnew-main .section7-education-left-img{width: 35%;
    float: left;
    margin-right: 10px;
    position: relative;}
    
.educationnew-main .section7-education-right-img{float: left;
    width: 63%;
    margin-left: 0;
    position: relative;}   
    

    
    
    @media only screen and (min-width:770px) and (max-width:1920px){
    .educationnew-main img{max-width:100%; }
    
    .educationnew-main .educationnew-banner img{max-width:100%; height:100%; width:100%;}
}

 @media only screen and (max-width:769px){ 
.educationnew-main img{max-width:100%;  width:100%;}
  


.educationnew-main .section2-education-left-img { width: 100%;margin-right: 0;}
   
.educationnew-main .section2-education-right-img {width: 100%;margin-left: 0; padding-top: 15px;}

.educationnew-main .section3-education-left-img { width: 100%;margin-right: 0;}

.educationnew-main .section3-education-right-img{width: 100%;margin-left: 0; padding-top: 15px;}

.educationnew-main .section4-education-left-img { width: 100%;margin-right: 0;}

.educationnew-main .section4-education-right-img {width: 100%;margin-left: 0; padding-top: 15px;}

.educationnew-main .section5-education-left-img{ width: 100%;margin-right: 0;}

.educationnew-main .section5-education-right-img {width: 100%;margin-left: 0; padding-top: 15px;}

.educationnew-main .section6-education-left-img{ width: 100%;margin-right: 0;}

.educationnew-main .section6-education-right-img {width: 100%;margin-left: 0; padding-top: 15px;}

.educationnew-main .section7-education-left-img{ width: 100%;margin-right: 0;}

.educationnew-main .section7-education-right-img {width: 100%;margin-left: 0; padding-top: 15px;}

}

.educationnew-main .section2-education-landing{padding-bottom: 13px;}

.educationnew-main .section3-education-landing{padding-bottom: 13px;}

.educationnew-main .section4-education-landing{padding-bottom: 13px;}

.educationnew-main .section5-education-landing{padding-bottom: 13px;}

.educationnew-main .section6-education-landing{padding-bottom: 13px;}

.educationnew-main. section7-education-landing{padding-bottom: 13px;}



.educationnew-main .section2-education-landing:after {
    clear: both;
    content: "";
    display: block;
}

.educationnew-main .section3-education-landing:after {
    clear: both;
    content: "";
    display: block;
}

.educationnew-main .section4-education-landing:after {
    clear: both;
    content: "";
    display: block;
}

.educationnew-main .section5-education-landing:after {
    clear: both;
    content: "";
    display: block;
}

.educationnew-main .section6-education-landing:after {
    clear: both;
    content: "";
    display: block;
}

.educationnew-main .section7-education-landing:after {
    clear: both;
    content: "";
    display: block;
}


.educationnew-main .education-landing-container h1 {
    font-size: 30px;
    color: #515151;
}

.educationnew-main .section2-education-left-img-text{position: absolute;
    top: 145px;
    left: 30px;
    width: 100%;
    max-width: 305px;
    margin: 0 auto;
    text-align: center;}
    


.educationnew-main .section2-education-right-img-text{
position: absolute;
    bottom: 20px;
    left: 10px;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
} 

.educationnew-main .section3-education-left-img-text {
    left: 30px;
    max-width: 200px;
    position: absolute;
    text-align: center;
    top: 145px;
}
    
.educationnew-main .section3-education-right-img-text{position: absolute;
    top: 145px;
    left: 50px;
    width: 100%;
    max-width: 305px;
    margin: 0 auto;
    text-align: center;}
    
.educationnew-main .section4-education-left-img-text {
    position: absolute;
    top: 145px;
    left: 80px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    max-width: 215px;
}

.educationnew-main .section4-education-right-img-text {
    left: 30px;
    max-width: 170px;
    position: absolute;
    text-align: center;
    top: 145px;
}
.educationnew-main .section4-education-right-img .section3-education-below-text {
    color: #fff !important;
}
.educationnew-main .section7-education-left-img .section7-education-below-text {
    color: #fff !important;
}

.educationnew-main .section5-education-left-img-text {
    position: absolute;
    top: 145px;
    left: 30px;
    width: 100%;
    max-width: 180px;
    margin: 0 auto;
    text-align: center;
}

.educationnew-main .section5-education-right-img-text {
    position: absolute;
    top: 145px;
    left: 30px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    max-width: 230px;
}

.educationnew-main .section6-education-left-img-text {
    position: absolute;
    top: 130px;
    left: 60px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    max-width: 190px;
}

.educationnew-main .section6-education-right-img-text {
    position: absolute;
    bottom: 30px;
    left: 65px;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
}


.educationnew-main .section7-education-left-img-text {
    position: absolute;
    top: 65px;
    left: 60px;
}

.educationnew-main .section7-education-right-img-text {
    position: absolute;
    top: 150px;
    left: 30px;
    width: 100%;
    max-width: 305px;
    margin: 0 auto;
    text-align: center;
}


.educationnew-main span#head-below-content {
   display: block;
    letter-spacing: 2px;
    margin: 0 auto;
    max-width: 150px;
    text-align: center;
    width: 100%;
}
.educationnew-main .section5-education-right-img-text span#head-below-content {
    
    letter-spacing: 2px;
    
    max-width: 190px;
    
}


@media only screen and (max-width: 1665px){
.educationnew-main .educationnew-banner-text h1 {
    font-size: 72px;
    color: #515151;
}
}

@media only screen and (max-width: 1570px){
.educationnew-main .educationnew-banner-text h1 {
    font-size: 62px;
    color: #515151;
}
}

@media only screen and (max-width: 1460px){
.educationnew-main .educationnew-banner-text{left: 250px;top: 135px;}
}

@media only screen and (max-width: 1260px){
.educationnew-main .educationnew-banner-text {
    left: 250px;
    top: 94px;
    max-width: 375px;
}

.educationnew-main .educationnew-banner-text h1 {
    font-size: 48px;
}
}

@media only screen and (max-width: 1050px){
.educationnew-main .educationnew-banner-text {
    left: 150px;
    top: 80px;
    max-width: 300px;
}

.educationnew-main .educationnew-banner-text h1 {
    font-size: 40px;
}
}

@media only screen and (max-width: 769px){
.educationnew-main .educationnew-banner-text {
    left: 40px;
    top: 50px;
    max-width: 246px;
}

.educationnew-main .educationnew-banner-text h1 {
    font-size: 32px;

}

.educationnew-main .section2-education-right-img-text {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    display: block;
    text-align: center;
    margin: 0 auto;
    max-width: none;
}
.educationnew-main .section6-education-left-img-text{top:10px;}

.educationnew-main .section6-education-right-img-text {  
    left: 0;
    width: 100%;
    max-width: none;
}
.educationnew-main .section7-education-right-img-text{top:20px;}
}


@media only screen and (max-width: 600px){
.educationnew-main .section2-education-left-img-text{top:90px;}

.educationnew-main .section3-education-right-img-text{top:90px;}

.educationnew-main .section4-education-left-img-text{top:90px;}

.educationnew-main .section5-education-right-img-text{top:90px;}

}

@media only screen and (max-width: 500px){
.educationnew-main .educationnew-banner-text {
    left: 40px;
    top: 30px;
    max-width: 200px;
}

.educationnew-main .section2-education-left-img-text {
    top: 50px;
}

.educationnew-main .section3-education-right-img-text {
    top: 50px;
}

.educationnew-main .section4-education-left-img-text {
    top: 50px;
}

.educationnew-main .section5-education-right-img-text {
    top: 50px;
}

}

@media only screen and (max-width: 450px){
.educationnew-main .educationnew-banner-text h1 {
    font-size: 26px;
}

.educationnew-main .education-landing-container h1 {
    font-size: 24px;
    
}

.educationnew-main .section7-education-left-img-text{text-align: center;}

}

@media only screen and (max-width: 385px){
.educationnew-main .educationnew-banner-text h1 {
    font-size: 22px;
}
.educationnew-main .section4-education-left-img-text {
    top: 30px;
}

.educationnew-main .section6-education-left-img-text{top: 10px;
    max-width: 250px;
    left: 5px;}

}

@media only screen and (max-width: 340px){
.educationnew-main .educationnew-banner-text {
    left: 30px;
    top: 20px;
    max-width: 124px;
}

.educationnew-main .educationnew-banner-text h1 {
    font-size: 18px;
}

.educationnew-main .education-landing-container h1 {
    font-size: 20px;
}
.educationnew-main .section2-education-left-img-text{left:0;}

.educationnew-main .section3-education-right-img-text{left:0;}

.educationnew-main .section7-education-right-img-text{top: 20px;
    max-width: none;
    left: 0;}

}


.educationnew-main .section7-education-left-img-text h1{color:#fff;}

.educationnew-main .section7-education-left-img-text .heading-underline{border-top:1px solid #fff;}

.educationnew-main .section4-education-right-img-text h1{color:#fff;}

.educationnew-main .section4-education-right-img-text .heading-underline{border-top:1px solid #fff;}


.selecting_a_diamond_shape .part_main {
    margin: 0 auto;
    max-width: 1240px;
}
.selecting_a_diamond_shape .part_main .part1 {
    color: #515151;
    float: left;
    font-size: 24px;
    line-height: 25px;
    padding-bottom: 0;
    text-align: justify;
    padding-top: 65px;
    width: 100%;
}
.selecting_a_diamond_shape .part_main .part1 {
    font-size: 20px;
    padding-left: 50px;
    padding-right: 10px;
     background: #f5fafd none repeat scroll 0 0;
}
.selecting_a_diamond_shape .part_main .part1 > p {
    font-size: 14px;
    
    padding-right: 10px;
}
.selecting_a_diamond_shape .part1_main {
    background: #f5fafd none repeat scroll 0 0;
    float: left;
    padding: 70px 40px;
    width: 100%;
}
.selecting_a_diamond_shape .part1_main .part1_1 {
    float: left;
    width: 50%;
}
.selecting_a_diamond_shape .part1_main .part1_2 {
    float: left;
    width: 50%;
}
.selecting_a_diamond_shape .part1_main .part1_1 .image {
    float: left;
    width: 30%;
}
.selecting_a_diamond_shape .part1_main .part1_1 .contain {
    float: left;
    text-align: justify;
    width: 65%;
}
.selecting_a_diamond_shape .part1_main .contain h1 {
    color: #515151;
    font-size: 24px;
        position: initial;
    margin-bottom: 0;
}
.selecting_a_diamond_shape .part1_main .part1_1 .contain {
    text-align: justify;
}
.selecting_a_diamond_shape .part2_main {
    background: #f5fafd none repeat scroll 0 0;
    float: left;
    padding: 0 40px;
    width: 100%;
}
.selecting_a_diamond_shape .part2_main .part1_1 {
    float: left;
    width: 50%;
}
.selecting_a_diamond_shape .part2_main .part1_2 {
    float: left;
    width: 50%;
}
.selecting_a_diamond_shape .part2_main .part1_1 .image {
    float: left;
    width: 30%;
}
.selecting_a_diamond_shape .part2_main .part1_1 .contain {
    float: left;
    text-align: justify;
    width: 65%;
}
.selecting_a_diamond_shape .part2_main .contain h1 {
    color: #515151;
    font-size: 24px;
    position: initial;
    margin-bottom: 0;
}
.selecting_a_diamond_shape .part2_main .part1_1 .contain {
    text-align: justify;
}
.selecting_a_diamond_shape .part1_main .part1_2 .contain {
    float: left;
    text-align: justify;
    width: 65%;
}
.selecting_a_diamond_shape .part1_main .part1_2 .image {
    float: left;
    width: 30%;
}
.selecting_a_diamond_shape .part2_main .part1_2 .image {
    float: left;
    width: 30%;
}
.selecting_a_diamond_shape .part2_main .part1_2 .contain {
    float: left;
    text-align: justify;
    width: 65%;
}
.selecting_a_diamond_shape .part1 > h1 {
    color: #515151;
    font-size: 36px;
    margin-bottom: 15px;
}



@media only screen and (max-width: 835px){

.selecting_a_diamond_shape  .part1_main .part1_1 .contain { float: left; width: 100%; text-align: center; padding: 20px;}
.selecting_a_diamond_shape .part1_1 .image img { margin: 0 auto;}
.selecting_a_diamond_shape  .part1_main .part1_2 .contain { float: left; width: 100%; text-align: center; padding: 20px;}
.selecting_a_diamond_shape .part1_2 .image img { margin: 0 auto;}
.selecting_a_diamond_shape  .part1_main .part1_1 .image { width: 100%;}
.selecting_a_diamond_shape  .part1_main .part1_2 .image { width: 100%;}
.selecting_a_diamond_shape  .part2_main .part1_1 .contain { float: left; width: 100%; text-align: center; padding: 20px;}
.selecting_a_diamond_shape .part1_1 .image img { margin: 0 auto;}
.selecting_a_diamond_shape  .part2_main .part1_2 .contain { float: left; width: 100%; text-align: center; padding: 20px;}
.selecting_a_diamond_shape  .part1_2 .image img { margin: 0 auto;}
.selecting_a_diamond_shape  .part2_main .part1_1 .image { width: 100%;}
.selecting_a_diamond_shape  .part2_main .part1_2 .image { width: 100%;}
}
@media only screen and (max-width: 645px){
.selecting_a_diamond_shape .part1_main {
    padding: 20px 0px;
}
.selecting_a_diamond_shape  .part_main .part1 > p { font-size: 18px;}
.selecting_a_diamond_shape  .part1_main .part1_1 { float: left; width: 100%;}
.selecting_a_diamond_shape  .part1_main .part1_2 { float: left; width: 100%;}
.selecting_a_diamond_shape  .part2_main .part1_1 { float: left; width: 100%;}
.selecting_a_diamond_shape  .part2_main .part1_2 { float: left; width: 100%;}
.selecting_a_diamond_shape .part_main .part1 { padding-left: 10px; text-align: center;}
.selecting_a_diamond_shape .part_main .part1 > p { font-size: 20px;}

}


@media only screen and (max-width: 480px){
	
.selecting_a_diamond_shape .part1_main .part1_1 .contain {
    padding: 20px 10px;
}
.selecting_a_diamond_shape .part1_main {
    padding: 20px 0px;
}
.educationnew-main .section3-education-right-img-text {
    
    max-width: 215px !important;
   
}
.educationnew-main .section2-education-left-img-text {
   
    
    max-width: 215px;
  
    top: 30px !important;
}
  .educationnew-main .section4-education-left-img-text { left: 0  !important; }
}
@media only screen and (max-width: 420px){
.selecting_a_diamond_shape .part1_main { padding: 70px 0px;}
.selecting_a_diamond_shape .part2_main { padding: 0 0px;}
}

/*  end gunjan selecting-a-diamond-shape */



/* gunjan laboratory-certificate */
.laboratory_certificate_main {
    float: left;
    width: 100%;
}
.laboratory_certificate_main .part1_main .part1 {
    background: #f5fafd none repeat scroll 0 0;
    float: left;
    width: 100%;
    padding: 45px;
}
.laboratory_certificate_main .part1_main .part1 .contain {
    float: left;
    width: 48%;
}
.laboratory_certificate_main .part1_main .part1 .image {
    float: right;
    width: 50%;
}
.laboratory_certificate_main .part1_main .image > img {
    width: 100%;
}
.laboratory_certificate_main .part1_main .contain h1 {
    font-size: 36px;
}
.laboratory_certificate_main .part1_main .contain > p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
    text-align: justify;
}

@media only screen and (max-width: 1200px){

.laboratory_certificate_main .part1_main .contain h1 { font-size: 30px;}
.laboratory_certificate_main .part1_main .contain > p { font-size: 12px; line-height: 17px;}

}
@media only screen and (max-width: 1075px){

.laboratory_certificate_main .part1_main .contain h1 { font-size: 20px;}
.laboratory_certificate_main .part1_main .contain > p { font-size: 12px; line-height: 14px;}

}
@media only screen and (max-width: 940px){

.laboratory_certificate_main .part1_main .contain h1 { font-size: 16px;}
.laboratory_certificate_main .part1_main .contain > p { font-size: 11px; line-height: 11px;}

}

@media only screen and (max-width: 770px){
.laboratory_certificate_main .part1_main .part1 .contain { float: left; width: 100%; text-align: center;}
.laboratory_certificate_main .part1_main .contain > p { font-size: 14px; line-height: 20px; text-align: justify;}
.laboratory_certificate_main .part1_main .contain h1 { font-size: 36px;}
.laboratory_certificate_main .part1_main .part1 .image { float: right; width: 100%;     padding-top: 20px;}
.laboratory_certificate_main .part1_main .part1 { padding: 20px;}
}
/* end gunjan laboratory-certificate */





/* gunjan DIAMOND CLARITY */
.diamond_clarity_main {
    float: left;
    width: 100%;
}
.diamond_clarity_main .part1_main .part1 {
    background: #f5fafd none repeat scroll 0 0;
    float: left;
    width: 100%;
    padding: 45px;
}
.diamond_clarity_main .part1_main .part1 .contain {
    float: left;
    width: 48%;
    padding-bottom: 85px;
    padding-top: 85px;
}
.diamond_clarity_main .part1_main .part1 .image {
    float: right;
    width: 50%;
}
.diamond_clarity_main .part1_main .image > img {
    width: 100%;
}
.diamond_clarity_main .part1_main .contain h1 {
    font-size: 36px;
}
.diamond_clarity_main .part1_main .contain > p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
    text-align: justify;
}
.cms-the-4cs-overview .main-container.col1-layout , .cms-selecting-a-diamond-shape .main-container.col1-layout , .cms-laboratory-certificate .main-container.col1-layout , .cms-diamonds-cut .main-container.col1-layout , .cms-diamonds-clarity .main-container.col1-layout , .cms-diamond-colors .main-container.col1-layout , .cms-diamond-carat-weight .main-container.col1-layout , .cms-diamond-cost .main-container.col1-layout , .cms-privacy-policy .main-container.col1-layout , .cms-terms  .main-container.col1-layout ,  .cms-faq .main-container.col1-layout , .cms-warranty .main-container.col1-layout , .cms-ourshowroom .main-container.col1-layout , .cms-heritage .main-container.col1-layout {
   max-width: 1240px !important;
}

@media only screen and (max-width: 1200px){

.diamond_clarity_main .part1_main .contain h1 { font-size: 30px;}
.diamond_clarity_main .part1_main .contain > p { font-size: 12px; line-height: 17px;}

}
@media only screen and (max-width: 1075px){

.diamond_clarity_main .part1_main .contain h1 { font-size: 20px;}
.diamond_clarity_main .part1_main .contain > p { font-size: 12px; line-height: 14px;}

}
@media only screen and (max-width: 940px){

.diamond_clarity_main .part1_main .contain h1 { font-size: 16px;}
.diamond_clarity_main .part1_main .contain > p { font-size: 11px; line-height: 11px;}

}

@media only screen and (max-width: 770px){
.diamond_clarity_main .part1_main .contain h1 {font-size: 25px;}
.diamond_clarity_main .part1_main .part1 .contain { float: left; width: 100%; padding-bottom: 20px; padding-top: 20px;    padding-left: 0;  padding-right: 0;}
.diamond_clarity_main .part1_main .part1 .image { float: right; width: 100%;}
.diamond_clarity_main .part1_main .contain > p { font-size: 14px; line-height: 20px; text-align: justify;}
.diamond_clarity_main .part1_main .contain h1 { font-size: 36px;}
.diamond_clarity_main .part1_main .part1 { padding: 20px;}

}

/* end gunjan DIAMOND CLARITY */


.all_abouts_shapes_banner > img {
    width: 100% !important;
}

/* 4cs page */


.cms-the-4cs-overview .main-top-bg-img {
    background: rgba(0, 0, 0, 0) url("../images/educationbanner.jpg") repeat scroll 0 0;
    position: relative;
    background-size: 100% 100%;
}




.category-barkev-s .main-container.col1-layout {max-width: 100% !important;padding: 0 !important;} 

.category-barkev-s .category-description.std{position: absolute;
    top: 100px;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
    left: 40px;}

.category-barkev-s p.category-image{padding:0;border:none;}

.main_class {
    display: inline-block;
    width: 100%;
    position: relative;
}
.secnd {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
    position: absolute;
    /*top: 0;*/
    top: 15px;
    left: 0;
    right: 0;
    margin-left: auto;
    max-width: 1260px;
    margin-right: auto;
}
.category-description.std > img {
    width: auto;
     margin: 0 auto 12px auto !important;}

@media only screen and (max-width: 1080px){
.category-barkev-s .category-description.std {top: 80px;left: 5px;}
}

@media only screen and (max-width: 1000px){
.category-barkev-s .category-description.std {top: 55px; max-width: 98%; }
}

@media only screen and (max-width: 815px){
.category-barkev-s .category-description.std {top: 43px; }
}

@media only screen and (max-width: 769px){
.category-barkev-s .category-description.std {top: 0;max-width: 97%;}
.category-barkev-s .main-container.col1-layout{padding:0 !important;}
.catalog-category-view #products-grid-column-three .out-of-stock {
    clear: both;
    width:100%;
}


#header-nav .nav-primary li.level0 ul {
    background-color: #fff !important;
    border: 0;
}

#header .nav-primary .parent.menu-active > ul {
    
    transition: initial !important;
   
}

}

@media only screen and (max-width: 670px){
.category-barkev-s .category-description.std {top: 5px;max-width: 96%;}

.category-barkev-s .category-description.std .banner-content{font-size: 12px;}
}

@media only screen and (max-width: 600px){
.category-barkev-s .category-description.std {top: 0;}
}

@media only screen and (max-width: 600px){
br.sub-banner-content{display:none;}
}

@media only screen and (max-width: 513px){
.category-barkev-s .category-description.std .banner-content {font-size: 10px;}

.category-barkev-s .category-description.std {top: 0;max-width: 93%;}
}

@media only screen and (max-width: 442px){
.category-barkev-s p.category-image img{height: 200px;}
.category-barkev-s .category-description.std {top: 50px;max-width: 90%;left: 25px;}
}

@media only screen and (min-width: 1350px){
.category-barkev-s .category-description.std {
    position: absolute;
    top: 150px;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    max-width: 900px;
    left:
}
}
/* end */

/* list banner */
.catalog-category-view .main-container { max-width: 100% !important;padding: 0 !important;} 
.catalog-category-view .main-container .col-main {
    max-width: 100%;
    margin: 0 auto;
}
.catalog-category-view .main-container .toolbar.alldropdown {
    max-width: 1240px;
    margin: 0 auto;
}
.catalog-category-view .category-description.std {
    position: absolute;
    top: 100px;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
    left: 40px;
    /*left: 340px*/;
    }

.catalog-category-view .category-description.std {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
    display: inline-block;
    position: unset;
    top: unset;
    left: unset;
    color: #515151;
    font-size: 16px;
    line-height: 17px;
}
.catalog-category-view .products-grid .price-box, .catalog-category-view #products-grid-column-three .out-of-stock {
    width: 100%;
}
p.category-image{padding:0;border:none;}


@media only screen and (max-width: 1400px){
.catalog-category-view .category-description.std {
   
    /*top: 20px;*/ }
    
}

@media only screen and (max-width: 1080px){
.catalog-category-view  .category-description.std {/*top: 0; left: 40px; max-width: 500px;*/}
.category-description.std > img {
    width: 200px;
    margin-bottom: 20px;
}
.catalog-category-view  .category-description.std .banner-content {
    line-height: 14px;
    font-size: 12px;
}
}



@media only screen and (max-width: 769px){
.catalog-category-view .category-description.std {
    max-width: 100%;
    left: 0;
    position: initial;
    padding-bottom: 25px;
}
.catalog-category-view  .main-container.col1-layout{padding:0 !important;}
}

@media only screen and (max-width: 670px){


.catalog-category-view  .category-description.std .banner-content{font-size: 12px;}
}

@media only screen and (max-width: 600px){
.catalog-category-view  .category-description.std {/*top: 0;*/}
}

@media only screen and (max-width: 600px){
br.sub-banner-content{display:none;}
}

@media only screen and (max-width: 513px){
.catalog-category-view  .category-description.std .banner-content {font-size: 10px;}

.catalog-category-view  .category-description.std {/*top: 0;max-width: 93%;*/}
}

@media only screen and (max-width: 442px){
p.category-image img {
    height: auto;
    float: left;
    width: 100%;
}.catalog-category-view  .category-description.std {/*left: 25px;*/}
}

@media only screen and (min-width: 1350px){
.catalog-category-view  .category-description.std {
    /*position: absolute;
    top: 0;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    max-width: 900px;*/
    
}
}

/* end list banner */



@media only screen and (max-width: 1130px){
	.category-description.std .banner-content br:first-child {    display: none;}
	.category-description.std .banner-content br.sub-banner-content {    display: none;}
}
@media only screen and (max-width: 770px){
	.main_class .secnd {    position: initial;}
	.main_class .category-description.std {    max-width: 100%;}
}

@media only screen and (min-width: 1800px){
/*
	.main_class .secnd {top: 15%;}
*/
.main_class .secnd {  top: 0; margin-top: 120px;}
}
@media only screen and (max-width: 1750px){
.main_class .secnd {  margin-top: 60px;}
}
@media only screen and (max-width: 1500px){
.main_class .secnd {
    margin-top: 30px;
}}
@media only screen and (max-width: 1320px){
.main_class .secnd {    margin-top: 12px;}
.catalog-category-view .category-description.std {font-size: 14px;line-height: 15px;}

}
@media only screen and (max-width: 1275px){
.main_class .secnd { margin-top: 25px;}
}
@media only screen and (max-width: 1200px){
.main_class .secnd {    margin-top: 10px;}
}
@media only screen and (max-width: 1201px) and (min-width: 960px){
.main_class .secnd {    margin-top: 15px;}
}

@media only screen and (max-width: 961px) and (min-width: 770px){
.main_class .secnd {    margin-top: 10px;}
}
/* custom-design-request*/
.cms-custom-design-request .getstartedbuttons-set button.getstart {
    border: none;
    cursor: pointer;
    height: 49px;
    width: 183px;
    float: none;
    text-align: center;
    background: #00467a;
    text-transform: uppercase;
    font-size: 14px;
}
.cms-custom-design-request .getstartedbuttons-set button.getstart span a {
    color: #fff;
}
/* custom-design-request */


/*Start-design */
.cms-design .main-container.col1-layout {    
    max-width: 1240px !important;
}
.cms-design .main-container {
    margin: 0 auto;
    max-width: 100% !important;
    min-height: 590px;
    padding: 15px 10px !important;
    position: relative;
}

.main-design {
    float: left;
    width: 100%;
}
.main-design-top-bg-img {
  background: rgba(0, 0, 0, 0) url("../images/design_banner.jpg") no-repeat scroll 0 0 / 100% 100%;
    position: relative;
}
.main-design .all-chapter {
    max-width: 580px;
}
.design_ps {
    position: absolute;
    right: 0;
    padding: 50px;
}
.max-design {
    padding: 25px;
    background: #fefefe;
    border: 14px solid #e1e3e7;
}
.design-four-c .main-design-top-bg-img2 {
  background: rgba(0, 0, 0, 0) url("../images/bg.jpg") no-repeat scroll 0 0 / 100% 100%;
    position: relative;
}
.design-four-c{
    background: #f2f5f7;
    FLOAT: LEFT;
    WIDTH: 100%;
    padding: 50px;
}

.design-left.coast-left {
    padding-top: 15px;
    
}
.design-four-c .design-left {
    float: left;
    width: 52%;
    text-align: justify;
    margin-right: 3%;
    margin-top: 40px;
 }
 .design-four-c .design-right {
    float: right;
    width: 45%;
}
.design-four-c .design-left p {
    color: #515151 !important;
    font-size: 14px;
    line-height: 18px !important;
    /*margin-bottom: 10px;*/
}


.design_last_cost_ben {
    float: left;
    position: relative;
    width: 100%;
}
.design_last_cost_ben .design_last_contain {
    left: 50px;
    position: absolute;
    text-align: justify;
    top: 20%;
    width: 50%;
}
.design_last_cost_ben img {
    width: 100%;
}
.design_last_cost_ben .design_last_contain > h2 {
    color: #515151 !important;
    font-size: 36px;
    letter-spacing: 3px;
}
.design_last_cost_ben a.design-last_link {
    background: #515151 none repeat scroll 0 0;
    color: #fff !important;
    font-size: 16px;
    float: left;
    padding: 17px 30px;
    text-decoration: none;
}
.cms-custom-history .main-container.col1-layout {    
    max-width: 1240px !important;
}
.main-design-top-bg-img.history { 
  background: rgba(0, 0, 0, 0) url("../images/banner_history.jpg") no-repeat scroll 0 0 / 100% 100% !important;
    position: relative;
}
.cms-design .main-design .all-chapter {
    max-width: 850px;
}
.cms-design .all-chapter {
    padding: 80px 0 50px 50px;
}
.cms-design .all-chapter p.text-chapter {
    margin-bottom: 50px !important;
    
}

.cms-custom-history .main-design .all-chapter {
    max-width: 850px;
}
.cms-custom-history .all-chapter {
    padding: 50px 0 50px 50px;
}
.cms-custom-history .main-design .all-chapter p {
    line-height: 18px !important;
}


@media only screen and (max-width: 1215px){
.cms-design .main-design .all-chapter {
    max-width: 780px;
}
.cms-custom-history .main-design .all-chapter {
    max-width: 780px;
}
}

@media only screen and (max-width: 1140px){

.design_last_cost_ben .design_last_contain > h2 { font-size: 26px;}
.cms-design .main-design .all-chapter {
    max-width: 580px;
}
.cms-design .all-chapter {
    padding: 50px 0 50px 50px;
}

.cms-design .all-chapter p.text-chapter {
    margin-bottom: 20px !important;
}
.cms-custom-history .main-design .all-chapter {
    max-width: 580px;
}
.cms-custom-history .all-chapter {
    padding: 50px 0 50px 50px;
}
.cms-custom-history .all-chapter p.text-chapter {
    margin-bottom: 20px !important;
    
}
}
@media only screen and (max-width: 940px){

.main-design .all-chapter { padding-right: 50px; text-align: justify; padding-left: 20px;}
.design-four-c {  padding-left: 20px;}
}
@media only screen and (max-width: 890px){
.main-design .all-chapter { padding-right: 90px; }
}

@media only screen and (max-width: 850px){
.cms-design .main-design .all-chapter {
    max-width: 500px;
}
.cms-custom-history .main-design .all-chapter {
    max-width: 500px;
}
}

@media only screen and (max-width: 770px){
.main-design .all-chapter {
    max-width: 100%;
    padding-right: 20px;
}
.cms-design .main-design .all-chapter {
    max-width: 100%;
}
.cms-custom-history .main-design .all-chapter {
    max-width: 100%;
}
.design-four-c {
    padding: 20px;
}
.design-four-c ul li {
    float: left;
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    text-align: center;
}
.design_ps {
    position: relative;
    right: 0;
    padding: 50px;
}
.all-chapter {
    max-width: 100%;
   padding: 20px;
}
.max-design{
    max-width: 420px;
    margin: auto;
        padding: 10px;
}
.design-four-c .design-left {
    float: left !important;
    width: 100% !important;
        padding-top: 20px;
    padding-bottom: 20px;
}
.design-right.coast-right img {
    margin: 0 auto;
}
.design_last_cost_ben .design_last_contain > h2 {
    font-size: 20px;
}
.design-four-c .design-left h2 {
    color: #515151 !important;
    font-size: 36px;
    margin-bottom: 0;
}
.design-four-c .design-right {
       float: right !important;
    width: 100% !important;
}
}
@media only screen and (max-width: 480px){
.design_ps { padding: 25px;}
.design_last_cost_ben .design_last_contain { left: 10px; width: 70%;}
.design_last_cost_ben a.design-last_link { padding: 10px 30px;}
.design_last_cost_ben .design_last_contain > h2 { font-size: 12px;}
}
/* End-design */



/* about_demo */
.demo_contain { float: none; margin: 20px auto 0; max-width: 1260px; width: 100%;}
.demo_contain .part1 { float: left; width: 100%; margin-top: 10px;}
.demo_contain .part1 .part1_1 { background: #f7fafe none repeat scroll 0 0; float: left; margin-right: 10px; padding: 48px 20px; text-align: center; width: 66%;}
.demo_contain .part1 .part1_2 { float: left; text-align: justify; width: 33%;}
.demo_contain .part1 .part1_1 > h2 { text-align: center; color: #515151 !important; font-size: 30px !important; font-weight: 400; letter-spacing: 1px; margin-bottom: 0;}
.demo_contain .part1 .part1_1 > p { color: #515151 !important; font-size: 18px; font-weight: 300; line-height: 24px; margin-bottom: 25px; text-align: justify;}
.demo_contain .part1 .part1_2 > img { width: 100%;}


.demo_contain .part2 { float: left; width: 100%; margin-top: 10px;}
.demo_contain .part2 .part2_1 { background: #f7fafe none repeat scroll 0 0; float: right; margin-left: 10px; padding: 48px 20px; text-align: center; width: 66%;}
.demo_contain .part2 .part2_2 { float: left; text-align: justify; width: 33%;}
.demo_contain .part2 .part2_1 > h2 { text-align: center; color: #515151 !important; font-size: 30px !important; font-weight: 400; letter-spacing: 1px; margin-bottom: 0;}
.demo_contain .part2 .part2_1 > p { color: #515151 !important; font-size: 18px; font-weight: 300; line-height: 24px; margin-bottom: 25px; text-align: justify;}
.demo_contain .part2 .part2_2 > img { width: 100%;}


@media only screen and (max-width: 1250px){
.demo_contain .part1 .part1_1 { padding: 40px 20px; }

.demo_contain .part2 .part2_1 { padding: 40px 20px; }

}
@media only screen and (max-width: 1024px){
.demo_contain .part1 .part1_1 > p { font-size: 13px; margin-bottom: 10px; text-align: justify;}
.demo_contain .part2 .part2_1 > p { font-size: 13px; margin-bottom: 10px; text-align: justify;}
}

@media only screen and (max-width: 770px){
.demo_contain .part1 .part1_1 { margin-bottom: 10px; width: 100%;}
.demo_contain .part2 .part2_1 { margin-bottom: 10px; width: 100%;}
.demo_contain .part1 .part1_2 { width: 100%;}
.demo_contain .part2 .part2_2 { width: 100%;}
}

/* end about demon */