@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
 body{
     font-family: 'Poppins', sans-serif;
     margin: 0;
     padding:0;
     font-weight: 400;

  
}
 img{
     max-width: 100%;
}
 ul{
     margin: 0;
     padding: 0;
}
 ul li{
     list-style-type: none;
}
 a{
     text-decoration: none;
}
 * {
     box-sizing: border-box;
}
  
 #toggle {
     width: 28px;
     height: 30px;
     position: absolute;
     right: 15px;
     display: none;
     cursor: pointer;
}
 #toggle div {
     width: 100%;
     height: 5px;
     background: rgb(75, 136, 196);
     margin: 4px auto;
     transition: all 0.4s;
     backface-visibility: hidden;
}
 #toggle.on .one {
     transform: rotate(45deg) translate(5px, 5px);
}
 #toggle.on .two {
     opacity: 0;
}
 #toggle.on .three {
     transform: rotate(-45deg) translate(7px, -8px);
}
 .dropdown-menu > li {
     border-bottom: 1px solid #ddd;
}
 .dropdown-menu > li:last-child{
     border-bottom: none;
}
/*===========Header=================*/
.fixed {
position: fixed;
top: 0;
left: 0;
margin: 0 auto;
left: 0;
right: 0;
background: rgb(241, 242, 244);
padding: 10px;
z-index: 99;
box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.14);
max-width: 100%;
margin: 0 auto;
width: 100%;
  animation: smoothScroll 1s forwards;
}
@keyframes smoothScroll {
     0% {
          transform: translateY(-40px);
     }
     100% {
          transform: translateY(0px);
     }
}
  .logo-brand {
     float: left;
     width: 140px;
     margin-right: 15px;
}
 .nav-bar > li {
     display: inline-block;
     padding: 10px 20px;
     position: relative;
}
 .nav-bar > li > a{
     font-size: 16px;
     color:#2a2a2a;
     text-decoration: none;
     font-weight: 500;
     text-transform: capitalize;
}
 .dropdown-menu li {
     display: block;
     padding: 6px;
}
 .dropdown-menu > li > a:hover {
     background: transparent;
}
 .btn.dropdown-toggle {
     padding: 0;
     background: transparent;
}
 .main-head::after {
     content: "";
     display: block;
     clear: both;
}
 .sarch-form input[type="text"] {
     box-sizing: border-box;
     border: 2px solid rgb(0, 79, 152);
     border-radius: 4px;
     font-size: 16px;
     background-color: rgb(255, 255, 255);
     padding: 6px 10px;
     -webkit-transition: width 0.4s ease-in-out;
     transition: width 0.4s ease-in-out;
     width: 100%;
}
 .nav-bar {
     position: relative;
}
.sarch-form {
    position: absolute;
    top: 55px;
    right: 100px;
    display: none;
    min-width: 210px;
    right: 0;
    width: 100%;
}

.active .sarch-form {

    display: block;

}
 .sarch-form::after {
     content: "";
     width: 0;
     height: 0;
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
     border-bottom: 10px solid rgb(0, 79, 152);
     position: absolute;
     top: -10px;
     right: 3px;
}
 .nav-bar > .active:after{
content: "";
display: block;
width: 50px;
height: 2px;
position: absolute;
background: rgb(0, 0, 0);
margin: 0 auto;
text-align: center;
left: 0;
right: 0;
}

.nav-bar > li:last-child:after{
    display: none;
}
/*=============bnnar=============*/
 .bg-gry {
     background: #f1f2f4;
     padding: 30px 45px;
     margin: 0px 0px 60px;
     position: relative;
}
 .lab-detail p {
     font-size: 17.97px;
}
 .lab-detail ul li {
     list-style-type: disc;
}
 .hold-box {
     width: 60%;
     margin: 0 auto;
}
 .left-box {
     float: left;
     width: 50%;
     margin-top: 80px;
}
 .right-box {
     float: right;
     width: 200px;
}
 .hold-box:after{
     content: "";
     display: block;
     clear: both;
}
 .bannar {
     margin-top: 100px;
}
 .lab-detail {
     margin-top: 100px;
}
 .lab-detail ul {
     padding: 10px 15px;
}
 .lab-detail ul li {
     font-size: 16px;
     color: #2a2a2a;
     line-height: 28px;
     font-weight: 400;
}
 .owl-prev, .owl-next {
     position: absolute;
     width: 45px;
     height: 45px;
     border-radius: 0;
     position: absolute;
     top: 35%;
     text-align: center;
     line-height: 45px;
     color: rgb(255, 255, 255);
     opacity: 1;
     -moz- transition: all 0.3s ease 0s;
     -webkit- transition: all 0.3s ease 0s;
     -ms- transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
}
 .owl-prev {
     left: 0%;
}
 .owl-next {
     right: 0%;
}
 .owl-prev::before {
     content: "\f104";
     font-family: 'FontAwesome';
     font-size: 26px;
     position: absolute;
     z-index: 99;
     left: 0;
     right: 0;
     text-align: center;
     margin-left: -5px;
     top: 4px;
}
 .owl-prev::after, .owl-next::after {
     position: absolute;
     content: "";
     background-color:#dcdddf;
     width: 100%;
     height: 100%;
     left: 0px;
     right: 0px;
     top: 0px;
     border-radius: 50%;
}
 .owl-next::before {
     content: "\f105";
     font-family: 'FontAwesome';
     font-size: 26px;
     position: absolute;
     z-index: 99;
     left: 0;
     right: 0;
     text-align: center;
     margin-right: -5px;
     top: 4px;
}
 .owl-dots {
     text-align: center;
     position: absolute;
     width: 100%;
     bottom: 0px;
     z-index: 9;
}
 .owl-dot {
     width: 40px;
     height: 5px;
     background: rgb(255, 255, 255) !important;
     display: inline-block;
     margin: 0px 3px;
}
 .owl-dot.active {
     background: #2a2a2a !important;
}
 .owl-dot:hover{
     background:rgb(0, 72, 142) !important;
}
 .nav-bar li a:hover {
     color: rgb(0, 72, 142);
}
 .upper-text:hover {
     background: rgb(0, 72, 142);
}
/*=================Product=====================*/
 .upper-text {
     position: absolute;
     background: #2a2a2a;
     color: #fff;
     padding:3px 10px;
     top: 0;
     left: 0;
}
.robot ul li a{
     display: block;
}
 .upper-text a{
     margin: 0;
     font-size: 16px;
     text-decoration: none;
     color: #fff;
     cursor: pointer;
}
 .robot ul {
     display: flex;
}
 .robot ul li {
     width: 20%;
     margin: 0 30px 0 0;
     background: #f1f2f4;
     position: relative;
}
 .robot ul li:last-child{
     margin: 0;
}
 .gry-box {
     display: table-cell;
     vertical-align: middle;
     text-align: center;
     height: 340px;
     margin: 0 auto;
     width: 35%;
}
 .robot {
    margin-bottom: 60px;
}
.gry-box img {

    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;

}

.gry-box img:hover{
       transform:scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform:scale(1.1);
}
/*==============brand logos==================*/
 .list-log ul li {
     display: inline-block;
     text-align: center;
     width: 20%;
}
 .list-log {
     text-align: center;
     background: rgb(241, 242, 244);
     padding: 30px 0 20px;
}
 .bottom-foot{
     background: rgb(42, 42, 42);
     text-align: center;
     padding: 40px 0;
}
/*==============Footer======================*/
 .bottom-foot ul li {
     position: relative;
     display: inline-flex;
     margin: 65px 30px;
     font-size: 23.68px;
}
 .bottom-foot ul li a{
     color: #575757;
}
 .bottom-foot ul li::after {
     content: "";
     display: block;
     width: 25px;
     background: rgb(87, 87, 87);
     height: 2px;
     position: absolute;
     top: 13px;
     margin: 0 auto;
     left: 35px;
}
 .bottom-foot ul li:last-child::after{
     display: none;
}
 .bottom-foot p {
     font-size: 14px;
     color: #fff;
     font-weight: 400;
}
 form.news-form input[type=text] {
     padding: 10px;
     font-size: 12px;
     border: 1px solid #fff;
     float: left;
     width: 70%;
     background: transparent;
     color: rgb(141, 141, 141);
     font-weight: 400;
     height: 50px;
}
 form.news-form button {
     float: left;
     width: 30%;
     padding: 10px;
     background: rgb(255, 255, 255);
     color: rgb(42, 42, 42);
     font-size: 17px;
     border: 1px solid rgb(255, 255, 255);
     cursor: pointer;
     font-size: 18px;
     font-weight: 500;
     height: 50px;
}
 form.news-form::after {
     content: "";
     clear: both;
     display: table;
}
 .news-form {
     max-width: 635px;
     margin: 60px auto 15px;
}
 .bottom-foot {
     background: rgb(42, 42, 42);
     text-align: center;
     padding: 40px 0 ;
}
 .contact {
     border-top: 1px solid #3e3e3f;
     padding: 40px 0 0 0;
}
 .contact a {
     font-size: 14px;
     color: #999999;
     margin-bottom: 40px;
     text-decoration: none;
     display: block;
}
 #page-top {
display: none;
position: fixed;
z-index: 99;
border: none;
outline: none;
right: 80px;
background: rgb(255, 255, 255);
width: 40px;
height: 40px;
z-index: 99;
text-align: center;
line-height: 25px;
border-radius: 50%;
bottom: 15px;
}
 #page-top a {
     display: block;
     padding: 10px;
     font-size: 18px;
     color: #000;
}
 footer {
     position: relative;
}
 .bottom-foot ul li a:hover {
     color: #fff;
}
 form.news-form button:hover{
     color: #fff;
     background:rgb(0, 72, 142);
}


.footer-txt-main {
	max-width: 1170px;
	margin: auto;
	color: #fff;
	text-align: left;
	padding: 60px 15px;
	font-size: 16px;
	line-height: 34px;
}

.footer-cl-sml {
	max-width: 180px;
}
.emp {
	padding-top:65px;
	
}
.emp a{
	color:#999999;
}
.emp a:hover{
	color:#fff;
	text-decoration:none;
}
.footer-cl-mdl ul li{
	margin:0;
	font-size:16px;
	display:block;
}
.footer-cl-mdl ul li:after{
	display:none;
}
.footer-cl-mdl {
	padding-left: 75px;
}
.footer-cl-lrg {
	padding-left: 35px;
}



/*==========about us=============*/
.heading-lab h2 {
    margin: 0;
        text-align: center;
}
.lab-sub-heading{
    text-align: center;
}

.lab-sub-heading ul li {
    display: inline-block;
    font-size: 14px;
    color: #2a2a2a;
    position: relative;
    margin-right: 20px;
}
.lab-sub-heading h4 {
font-size: 20px;
width: 100%;
margin: 40px auto 30px;
max-width: 60%;
line-height: 36px;

}
.heading-lab h2::after {
    content: "";
    display: block;
    width: 48px;
    height: 2px;
    background: rgb(0, 0, 0);
    margin: 20px auto 0;
}
.heading-lab h2 {
    font-size: 30px;
    font-weight: 500;
}
.lab-sub-heading ul li::after {
    content: "\f111";
    display: inline-block;
    position: absolute;
    left: -10px;
    font-family: FontAwesome;
    font-size: 8px;
    vertical-align: middle;
    top: 3px;
}
.icon-ad {
    margin-bottom: 10px;
}

.box-holder-lab {
     overflow: hidden;
     text-align: center;
    background: #f1f2f4;

}
.box-misson {
    transition: all .2s ease-in-out;
}
.box-holder-lab:hover .box-misson{

    transform: scale(1.1);

}
.lab-misson {
 margin: 50px 0 70px;
}
.details-lab p {

    font-size: 14px;
    line-height: 24px;

}
.details-lab {

    padding: 15px;

}
.details-lab h3 {

    font-size: 24px;
    margin: 0 0 30px;
    font-weight: 500;

}
.details-lab h3:after{
content: "";

display: block;

width: 48px;

height: 2px;

background: rgb(0, 0, 0);

margin: 20px auto 0;

}
.details-lab {
    padding: 30px 15px;
}

.box-misson {
    background: #de8a8a;
    overflow: hidden;
    min-height: 202px;
}
.row.space {
    margin: 50px 0;
}
.detials-values ul {
    margin: 0 15px;
}
.detials-values ul li:after{
        content: "\f111";
    display: inline-block;
    position: absolute;
    left: -10px;
    font-family: FontAwesome;
    font-size: 8px;
    vertical-align: middle;
    top: 3px; 
}
.detials-values ul li {
    position: relative;
    margin-bottom: 15px;
}
.detials-values p, .detials-values ul li {
font-size: 14px;
line-height: 24px;
color: rgb(42, 42, 42);
margin-bottom: 30px;
}
.school-lab-join {
    background: #f1f2f4;
    text-align: center;
    padding: 50px 0;}
.join-heading h2 {
    margin: 0;
    font-size: 36px;
    font-weight: 500;
}
.join-heading h2::after {
    content: "";
    display: block;
    width: 48px;
    height: 2px;
    background: rgb(0, 0, 0);
    margin: 20px auto 0;
    bottom: 0;
}
.detials-join p .detials-people p{
    font-size: 14px;
    line-height: 24px;
    color: #2a2a2a;
    font-weight: 400;
     margin-bottom: 20px;
}
.detials-join {
max-width: 80%;
margin: 50px auto 0;
width: 100%;
}
.pink-bx {
    background: #de8a8a;
    height: 326px;
}
.grid-people {
margin: 40px 0 0;
}
.detials-people {
margin: 60px 0 0;
    text-align: center;
}
.our-people {
    margin: 65px 0  40px;
}
.Values-img {
    width: 100%;
    text-align: center;
}
/*-------------our product--------------*/
.box7{position:relative}
.box7:after,.box7:before{width:100%;height:100%;background: rgba(22, 93, 143, 0.81);position:absolute;top:0;left:0;opacity:0;transition:all .5s ease 0s}
.box7:after{background:rgba(255,255,255,.3);border: 2px solid rgb(28, 102, 159);top:0;left:170%;opacity:1;z-index:1;transform:skewX(45deg);transition:all 1s ease 0s}
.box7:hover:before{opacity:1}
.box7:hover:after{left:-170%}
.box7 img{width:100%;height:auto}
.box7 .box-content{width:100%;position:absolute;bottom:-100%;left:0;transition:all .5s ease 0s;}
.box7:hover .box-content{bottom:30%}
.box7 .title{display:block;font-size:22px;font-weight:700;color:#fff;margin:0 0 10px; text-transform: uppercase;}
.box7 .post{display:block;font-size:15px;font-weight:600;color:#fff;margin-bottom:10px}
.box7 .icon{margin:0}
.box7 .icon li{display:inline-block}
.box7 .icon li a{display:block;width:35px;height:35px;line-height:35px;border-radius:50%;background: rgb(255, 118, 27);font-size:18px;color:#fff;margin-right:10px;transition:all .5s ease 0s}
.box8 .icon li,.box8 .title{display:inline-block}
.box7 .icon li a:hover{transform:rotate(360deg)}
.box-content {
    text-align: center;
}

.box7:after,.box7:before{content:""}
.box7,.box8{overflow:hidden}
.box7 .title{letter-spacing:1px}
.box7 .post{font-style:italic}

.product-text {

    text-align: center;
    background: #f1f2f4;

}
.product-text h2 {

    font-size: 24px;
    color: #2a2a2a;
    margin: 0;
    padding: 10px;

}
.pro-details {
    text-align: center;
    margin: 50px 0 0;
}
.pro-details p {
    font-size: 18px;
    line-height: 35px;
    font-weight: 400;
}
/*---------------news---------------------*/
.news-box ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.news-box ul li{
    width: 20%;
}
.news-box ul li {
width: 18%;
text-align: center;
margin: 1%;

}
.news-details {
 text-align: left;}

 .news-details p {
    font-size: 14px;
    font-weight: 400;
    color: #999;
    margin: 0;
}

.news-details h5 {

    color: #2a2a2a;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;

}
.news-details h3 {

    font-size: 16px;
    color: #2a2a2a;
    font-weight: 500;
    margin: 15px 0;
    margin-left: 5px;
}

.news-img.top_custom_sec {
    width: 50%;
    overflow: hidden;

}

.news-img {
    width: 100%;
    overflow: hidden;
}

.news-img img {
width: 100%;
transition: all 1.5s ease 0s;


}
.news-img:hover img {
transform: scale(1.2);

}
.propular-news ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.propular-news ul li {
width: 31%;
text-align: center;
margin: 0 1% 25px;}
.news-box {
padding-bottom: 20px;
border-bottom: 1px solid rgb(219, 219, 219);
width: 100%;
float: left;
}
.heading-box-news h2 {
font-size: 30px;
font-weight: 500;
color: rgb(42, 42, 42);
margin: 15px 0;
}
.news-page {
    margin: 40px 0;
}
.height-gry-bx{
width: 100%;
background: #f1f2f4;
overflow: hidden;
height: 380px;
position:relative;
}
.inline-news-box::after {
    content: "";
    display: block;
    clear: both;
}
.inline-news-box {
    margin-bottom: 100px;
}
.height-gry-bx > img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    width: auto;
}
.height-gry-bx a {
    display: block;
}
.height-gry-bx img {
    vertical-align: middle;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    width: auto;
}
/*===============contect==================*/
.locationside h3 {
font-size: 19px;
color: rgb(42, 42, 42);
margin: 0;
font-weight: 400;
line-height: 25px;
}
.locationside p {
    font-size: 16px;
    color: #999;
    font-weight: 400;
  margin: 0 0 15px;

}
.locationside ul li {
    margin-bottom: 40px;
}
.locationside span {
    font-size: 25px;
    color: #2a2a2a;
    margin: 0 15px 0 0;
}
.input-box {
   
   height: 55px;
}
.form-box input, .form-box textarea{
border: 0 !important;
color: rgb(0, 0, 0);
background: rgb(241, 242, 244);
margin-bottom: 30px;
box-shadow: none !important;
}
.form-box::after {
    content: "";
    display: block;
    clear: both;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
   color: #000 !important;
   opacity: 1;
   font-size: 14px;
   font-weight: 500;
}
input::-moz-placeholder, textarea::-moz-placeholder { 
     color: #000 !important;
     opacity: 1;
     font-size: 14px;
     font-weight: 500;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
   color: #000 !important;
   opacity: 1;
   font-size: 14px;
   font-weight: 500;
}
input:-moz-placeholder, textarea:-moz-placeholder {
   color: #000;
   opacity: 1;
   font-size: 14px;
   font-weight: 500;
}


.news-form input::-webkit-input-placeholder{ 
   color: #fff !important;

}
.news-form input::-moz-placeholder { 
     color: #fff !important;

}
.news-form input:-ms-input-placeholder{ 
   color: #fff !important;

}
.news-form input:-moz-placeholder {
   color: #fff;
  
}

.text-box{
    min-height: 144px;
}
.form-box {
    margin: 65px 0;
}
.locationside {
    width: 60%;
}
/*=============product list===============*/
ul.tabs {
margin: 0;

padding: 0;

list-style: none;

height: 32px;

width: 100%;

text-align: center;
}

ul.tabs li {
margin: 0 20px 0;

cursor: pointer;

height: 31px;

line-height: 31px;

color: rgb(204, 204, 204);


position: relative;

display: inline-block !important;

font-size: 18px;
}



ul.tabs li:hover {

    color: #333;
}

ul.tabs li.active {
    background-color: #fff;
    color: #333;
    border-bottom: 1px solid #fff;
    display: block;
}

.tab_container {

    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #fff;
 
}

.tab_content {
    padding: 20px;
    display: none;
}

.tab_drawer_heading { display: none !important; }
.grid-list-gallery ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.grid-list-gallery ul li {
width: 18%;

text-align: center;

margin: 1%;

background: #f1f2f4;

padding: 15px;
}
.detail-galley {
    text-align: left;
}
.detail-galley h4 {
    font-size: 14px;
    font-weight: 500;
    color: #2a2a2a;
    margin: 0 0 10px;
}
.detail-galley p {

    font-size: 14px;
    color: #2a2a2a;
    line-height: 24px;
    margin: 0 0 10px;

}
.detail-galley span {

    color: #38b009;
    font-weight: 500;

}

.gallery-img {
    height: 260px;
    vertical-align: middle;
    overflow: hidden;
    position: relative;

}
.gallery-img img {
    vertical-align: middle;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    width: auto;
}
.page-tab {

    margin: 25px 0;

}
/*==============Product details===============*/
.product-img {
   /* background: #f1f2f4;*/
    text-align: center;
    padding: 15px;

}
.all-details-product h2 {
    font-size: 30px;
    color: #2a2a2a;
    margin: 0;
}
.price-box p {
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
}
.price-box h3 {
    font-size: 30px;
    font-weight: 600;
    margin: 30px 0;
}
.dis-box p {
    font-size: 14px;
    font-weight: 400;
    color: #2a2a2a;
    line-height: 24px;
}
.icon-reladed ul li {
margin: 10px 10px 0 0;
text-align: left;
display: inline-flex;
width: 100%;
}
.dis-box {
    margin-top: 15px;
}
.icon-reladed ul li span {
    margin-right: 10px;
}
.icon-reladed p {
    margin: 0;
    font-size: 14px;
}
.checked {

    color: #555 !important;

}
.dicalty-leble {
    border-top: 1px solid rgb(241, 242, 244);
    padding: 15px 0;
    margin: 15px 0;
}
.dicalty-leble span {
margin: 5px 5px 0 0;
font-size: 20px;
color: #cfcfcf;
}
/* Style the tab */
.tab {
float: left;
border: 1px solid #cecece;
background-color: #f1f2f4;
width: 20%;

}

/* Style the buttons inside the tab */
.tab button {
display: block;
background-color: inherit;
color: rgb(0, 0, 0);
padding: 10px 16px;
width: 100%;
border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
outline: none;
text-align: left;
cursor: pointer;
transition: 0.3s;
font-size: 18px;
border-bottom: 1px solid #dcdcdd;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}
.tab button.active {
    color: #f16a18;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 15px;
  width: 80%;
  border-left: none;
  border: 1px solid #cecece;
  border-left: 0;
}

.tabcontent img {
    max-height: 300px;
    min-height: 300px;
}

.box-tab::after {

    content: "";
    display: block;
    clear: both;

}
.box-tab{
    background: #f1f2f4;
    display: flex;
}
.vericla-tab {
    margin: 45px 0;
}

.rating ul li:last-child:after{
content: "";
height: 16px;
width: 1px;
background: #cecece;
position: absolute;
left: -9px;
top: 0;
}
.page-tab ul li{
    position: relative;
}


.map-box {

    box-shadow: -3px 5px 9px #ccc;
    margin: 44px 0;

}
.product-page ul li {
    width: 14%;
}
.radio-box-input ul li::after {
    display: none;
}
.radio-box-input ul li {
    margin: 20px 20px;
}
.radio-box-input span {
    color: #fff;
    font-size: 14px;
    margin-left: 10px;
}

form.wpcf7-form.init input{
    padding: 12px 20px !important;
}

form.wpcf7-form.init textarea{
    padding: 12px 20px !important;
}

.box7.category_image_section {
    max-height: 201px;
}

.news_event_cont {
    height: 200px;
    overflow: scroll;
}

.news_event_cont p {
    color: #000;
    padding-bottom: 15px;
    margin-right: 5px;
    margin-left: 5px;
}

row.reorder-xs {
    padding-bottom: 10px;
}

.back_buttom {
    width: 15%;
    float: right;
}