.duster_button  {
    border-radius:4px;
    border-color: #1a5b9f;
    background-color: #1a5b9f;
   /* color: #1a5b9f;*/
   color:#fff;
    /*border: 1px solid #1a5b9f;*/
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    padding: 10px 19px;
    font-size: 12px;
}
#slider_sec .duster_img{
    height:300px;
}
.key_specs_section .key_icon{
   width:50px;
   height:50px;
}
#slider_sec{
    margin:30px 0;
}
.key_specs_title{
    margin-bottom: 24px;
    font-size: 23px;
}
#duster_slider  .carousel-control-next {
    right:0%;
    border-radius:4px;
    border:1px solid black;
    padding:1px;
    background-color:black;
    height:43px;
    width:43px;
    top:40%;
}
#duster_slider  .carousel-control-prev {
    left:0%;
    border:1px solid black;
    padding:1px;
    background-color:black;
    border-radius:4px;
    height:43px;
    width:43px;
    top:40%;
}
.ex_price{
    margin-bottom:0.2rem!important;
}
.prc_range{
    font-size:28px;
    font-weight: bold;
    padding-bottom: 0.5rem;
}

.duster_accordion{
    margin:30px 0;
}
.duster_btn_sec{
    padding-bottom: 20px;
}
.grey_circle{
 background-color: rgb(107, 106, 106);
}
.dark_gray_circle{
    background-color:rgb(210, 210, 209);
}
.merown_circle{
    background-color: rgb(183, 65, 43);
}
.white_circle{
background-color:rgb(252, 252, 252);
}
.black_circle{
    background-color: rgb(40, 44, 41);
}
.silver_circle{
    background-color: rgb(225, 226, 206);
}
.peach_circle{
    background-color: rgb(228, 105, 72);
}
.blue_circle{
    background-color: rgb(16, 28, 51);
}
.dark_circle{
    background-color: rgb(28, 42, 53)
}
.grey_circle,.red_circle,.dark_circle,.blue_circle,.dark_gray_circle,.merown_circle,.white_circle,.black_circle,.silver_circle,.peach_circle{
    width:30px;
    height:30px;
    display:inline-block;
    position: relative;
    border-radius:50%;
    border:1px solid #ccc;
}
.red_circle{
    background-color: rgb(212, 43, 48);
}
.duster_colours{
    padding-left: 0;
}
.duster_colours li{
    list-style: none;
}
.brand_name{
    padding-bottom:12px;
}
.duster_accordion .card-header a {
    font-size: 13px;
    padding: 10px;
    text-decoration: none;
}
.key_specs_sec .spec_name{
    margin-top: 8px;
    margin-bottom: 0;
    font-size: 14px;
    color: rgba(36,39,44,.5);
}
.key_specs_sec .spec_num{
    font-size: 16px;
    color: #24272c;
}
.spcifi_title,.key_specs_section{
    margin-bottom: 30px;
    margin-top:30px;
}




@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .duster_button{
        font-size: 10px;
    }
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
    #duster_slider{
    margin-bottom: 15px;
}
}

@media only screen and (min-width: 480px) and (max-width: 639px) {

}
@media only screen and (min-width:0px) and (max-width: 479px) {
#slider_sec{
   margin: 15px 0;
}
.duster_button {
    margin-bottom: 0.6rem;
}

#duster_slider{
    margin-bottom: 15px;
}
.grey_circle,.red_circle,.dark_circle,.blue_circle,.dark_gray_circle,.merown_circle,.white_circle,.black_circle,.silver_circle,.peach_circle{
    width:28px;
    height:28px;
}
}


  
.drawingCompetitionImage img{
   width: 10%;
}

/* popup style */
/* Popup Container */
.custom-model-main{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);
display:flex;
align-items:center;
justify-content:center;
opacity:0;
visibility:hidden;
transition:opacity 0.4s ease;
}

.model-open{
opacity:1;
visibility:visible;
z-index: 999;

}

.custom-model-inner{
width: 75%;
height: 350px;
position: relative;
background-image: url(/img/bg_img/Offer_Popup.png);
background-size: contain;
background-position: center;
border-radius: 10px;
background-repeat: no-repeat;
/* start outside screen */
transform:translateX(-100%);
transition:transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}

/* slide in */
.model-open .custom-model-inner{
transform:translateX(0);
}

.close-btn{
position:absolute;
top:-35px;
right:-10px;
font-size:35px;
cursor:pointer;
color:white;
}

.popup-link{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
}

@media(max-width:600px){
.custom-model-inner{
width:90%;
height:250px;
}
}