@import 'base';

.sidebar_template_left {

position: relative;   
min-height: 1px;
float: left;
@include desktop {   
  width: 66.7%;
}
@include mobile-only {
  width: 100%;   
}

}

.sidebar_top_bottom_margin {

@include desktop {
  margin-top: 80px;
  margin-bottom: 50px;
}
@include mobile-only {
  margin-top: 20px;
  margin-bottom: 30px;   
}

}

.sidebar_top_bottom_margin:empty {

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

}

.sidebar_template_right {

position: relative;   
min-height: 1px;
float: left;  
@include desktop {    
  width: 33.3%;
  padding: 24px;
  border-radius: 3px;
}
@include mobile-only {
  width: 100%;
  padding: 24px 20px 30px 20px;
  border-radius: 3px;   
}

}

.sidebar_template_left .col-md-6{

@include desktop {
    width: 75%;
}

}

.sidebar_template_left .col-md-7{

@include desktop {
    width: 87%;
}

}

.sidebar_template_left .col-md-8{

@include desktop {
    width: 100%;
}

}

.sidebar_template_left .responsive-col-12 {

@include desktop {
  width: 100%;
}

}

.sidebar_template_right .col-md-6{

@include desktop {
    width: 100%;
}

}

.sidebar_template_right .col-md-7{

@include desktop {
    width: 100%;
}

}

.sidebar_template_right .col-md-8{

@include desktop {
    width: 100%;
}

}