@charset "utf-8";
/* CSS Document */
/* ========== Do Not Touch In Css Strat ========== */
/* ========== Commn Css Strat ========== */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600,700');
/*font-family: 'Open Sans', sans-serif;
font-family: 'Raleway', sans-serif;*/
/*font-family: 'Roboto', sans-serif;
font-family: 'Lato', sans-serif;
*/

body{}
body, html {/*height: 100%;*/}
p {margin:0px; padding:0px 0px 30px 0px; font-family: 'Raleway', sans-serif; font-size: 20px; font-weight: 500; color: #111111; line-height: 2; text-align: justify;}
.floatleft {float:left;}
.floatright {float:right;}
.clear {clear:both;}
.bold {font-weight:bold;}
a {text-decoration:none; color:#324268; outline:none;}
a:active, a:focus{ outline:none; text-decoration:none!important;}
a:hover, a.selected {text-decoration:none; color:#333333;}
ul {list-style:none;}
li {list-style:none;}
.nonebox_shadow{box-shadow:0 0px 0px rgba(0, 0, 0, 0.05)!important;}
h1,h2,h3,h4,h5,h6{font-family: 'Raleway', sans-serif; margin: 0px;}
/* ========== Commn Css End ========== */
.full_page{background: url(../images/bitmap.png) no-repeat center; height: 100%; width: 100%; background-size: cover;padding: 60px 0px 75px 0px;}
.logo{margin-top: 152px;}
.logo img{margin: 0 auto;}
.titles h1{font-size: 44px; color: #b6665c; text-transform: uppercase;  background-image: linear-gradient(to right, #9d5c55, #ff7868 53%, #935049); -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;}
.titles h2{font-size: 22px; color: #212529; margin-top: 33px;line-height: 1.18;}
.coming_soon{padding: 62px 0px 100px 0px;}
.coming_soon h2{color: #ffecd8; font-size: 48px;font-weight: 600;}
.coming_soon{text-align: center;}
.copyright{border-top: 1px solid #1b1818; text-align: right; padding-bottom: 56px;}
.copyright p{color: #212529; font-size: 10px!important;  font-weight: 600; font-family: 'Open Sans', sans-serif;padding-top: 12px; text-align: right;}
.titles{margin-top: 85px; margin-bottom: 137px;}
.left_section, .right_section{text-align: center;}
/*.right_section ul{max-width: 353px;}*/
.titles ul{text-align: center;padding: 13px 0px 0px 0px;}
.titles ul li{font-family: 'Raleway', sans-serif; font-size: 22px; color: #212529; font-weight: 500;}

/*sticky header start*/

.header.whiteback {top: 0;background: rgba(252,252,252,0.99);color: #000;position: fixed;width: 100%;-webkit-transition: all .25s ease-out;-moz-transition: all .25s ease-out;-ms-transition: all .25s ease-out;-o-transition: all .25s ease-out;transition: all .25s ease-out;-webkit-box-shadow: 0 3px 32px rgba(0,0,0,.3);-moz-box-shadow: 0 3px 32px rgba(0,0,0,.3);box-shadow: 0 3px 32px rgba(0,0,0,.3);}
.header.whiteback .logo{visibility: visible; opacity: 1;}
.header.whiteback{top:0!important; position: fixed!important; width: 100%!important;-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;z-index: 9999;-webkit-box-shadow: 0 3px 32px rgba(0,0,0,.3);-moz-box-shadow: 0 3px 32px rgba(0,0,0,.3);box-shadow: 0 3px 32px rgba(0,0,0,.3);}
/*.header.whiteback .navbar-inverse .navbar-nav > li:hover > a{ color:#E51A4B!important;}
*/.header.whiteback{background: #fff;}

/*sticky header end*/

/*navigation area start*/
.navigation{ background:none; padding-top: 6px;}
.navbar-nav{ float:right!important;}
.navbar{ margin-bottom:0px!important; min-height:4px!important;}
.navbar-inverse{ background:none!important; border:none!important;
-webkit-border-radius: 0px!important;
-moz-border-radius: 0px!important;
border-radius: 0px!important;}
.navbar-inverse .navbar-nav > li > a{ color:#4a4a4a!important; padding:0px 0px; font-size: 16px; font-weight: 500;letter-spacing: 0.3px;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > li > a.active { background-color:transparent!important; color:#b6665c!important;}
.navbar-inverse .navbar-nav > li:hover > a{ color:#b6665c!important;}
.nav > li{ font-family: 'Raleway', sans-serif; font-weight:400; font-size:16px; line-height:11px; color:#414141; padding-right: 41px;}
.navbar-inverse .navbar-nav > li:first-child >  a{ padding-left:0px;}
.navbar-inverse .navbar-nav > li:last-child{ padding-right:0px;}

.navbar-inverse .navbar-nav > li:hover, .navbar-inverse .navbar-nav > li:focus, .navbar-inverse .navbar-nav > .active, .navbar-inverse .navbar-nav > .active:hover, .navbar-inverse .navbar-nav > .active:focus{ background:none;}
.nav > li:last-child, .nav > li:last-child:hover{}
.navbar-nav > li > a{ display:block; padding:5px 10px;}
.navibgend{ background:#fff; height:55px; position:absolute; right:0px; bottom:20px; z-index:1; width:50%;}
.navigationbg{ position:relative; z-index:3}
.navbar-nav > li.dropdown a{ background:url(../images/arrow_navi.png) no-repeat center 90%;}
.navbar-nav > li.dropdown li a{ background:none;}

.navbar-nav > li > .dropdown-menu{ background:#5b5b5b!important;}
.navbar-nav > li > .dropdown-menu li ul{ background:#fa8539;}

.dropdown-menu li{ position:relative; text-transform:capitalize;}
.dropdown-menu li ul{ display:none; position:absolute; top:0px; right:-100px;}
.dropdown-menu li:hover ul{ display:block;}
.navbar-nav > li > .dropdown-menu li ul li a{ color:#fff; padding:10px 20px; display:block;}
/*navigation area end*/


/*kd international page start*/
.about_back{background: url(../images/about_back_small.png) no-repeat center; background-size: cover;}
.header h4{font-size: 24px; color: #b6665c; font-weight: 600; text-transform: uppercase; }
.header ul{margin-bottom: 0px; padding-left: 0px;}
.left_head ul li{display: inline-block; vertical-align: middle;}
.left_head li:last-child{margin-left: 18px; vertical-align: middle;}
.header{background: #fff; padding: 22px 0px 20px 0px;}
.about_page{background: url(../images/background.png) no-repeat center; width: 100%; background-size: cover;  /*height: 100%; position: fixed; overflow-x: scroll;*/}
.about_section{padding: 150px 0px 0px 0px!important;}
.about_page h1{font-size: 36px; color: #2e2f31; font-weight: 600; margin-bottom: 24px; display: inline-block;}
.about_page h1:after{content: ""; display: block; height: 4px; background-image: linear-gradient(269deg, #ffc9c1, #cf887f); background-repeat: no-repeat; background-position: center bottom; margin-top: 5px;}
#products ul{padding-left: 25px;margin-left: 70px;}
.about_page ul li{font-size: 24px; font-family: 'Raleway', sans-serif;  color: #495057;  line-height: 1.67; font-weight: 600;}
.contact_details a{font-family: 'Raleway', sans-serif; font-size: 20px; font-weight: 500; color: #000; line-height: 1.67;}
.contact_details h1{margin-bottom: 51px;}
.contact_details p{padding-bottom: 0px; color: #000;}
.contact_details{padding-bottom: 259px;}
.footer{padding-bottom: 140px;}
.about_content{margin-bottom: 20px;}
.product_content{margin-bottom: 0px;}
.back_product{background: url(../images/molecules.png) repeat-y right;}
.investement_content{margin-bottom: 10px;}
.form-control{ height: 50px; border-radius: 6px; background-color: #ffffff; border: 0px!important;}
textarea{height: 231px!important;  border-radius: 6px;  background-color: #ffffff; resize: none; padding-top: 25px!important;}
.form-control::-moz-placeholder{color: #868e96!important;font-size: 16px!important;font-family: 'Raleway', sans-serif!important; font-weight: 500!important;}
.form-control::-webkit-input-placeholder{color: #868e96!important;font-size: 16px!important;font-family: 'Raleway', sans-serif!important; font-weight: 500!important;}
.contact_details form{margin-top: 21px;}
.form-group{margin-bottom: 19px;}
.investement_content a, .product_content a{color: #038FC6; transition: 0.3s ease all;}
.investement_content a:hover, .product_content p a:hover {color: #bf3220; transition: 0.3s ease all;}
.submit_btn{margin-top: 20px;}
.submit_btn button{color: #000000;font-size: 18px;font-family: 'Lato',sans-serif;letter-spacing: 0.4px; padding: 14px 45px;  border-radius: 6px;
background-color: #ffffff; border: solid 1px #979797; transition: 0.3s ease all;}
.submit_btn button:hover{background: #cf887f; color: #fff; border: solid 1px #cf887f; transition: 0.3s ease all;}
.panel-title a{display: block;}
.panel-default{background: transparent; border:0px;}
.panel-default > .panel-heading{background: transparent; border:0px;}
.panel-default > .panel-heading + .panel-collapse > .panel-body {border: 0px;}
.bs-example{margin-left: 50px;margin-top: 5px;}
.panel-title a{font-size: 18px; font-weight: 600; color: #111111; transition: 0.3s ease all;}
.panel-title a:hover{text-decoration: underline; transition: 0.3s ease all;}
.product_content ul li{color: #111111; list-style: square; font-size: 20px;}
.panel-body p{color: #111111; font-size: 18px!important; font-weight: 500; line-height: 28px;padding-bottom: 5px;}
.panel-title a:before{content: '-'; display: inline-block; margin-right: 12px;}
.panel-body{margin-left: 27px;}
.panel-group .panel{box-shadow: none;}
.panel-group{margin-bottom: 30px;}
ul.clients li{display: inline-block;}
.client_images{	padding-top: 9px;}
.strength_section h2{color: #ffffff; font-size: 36px; font-weight: 600; position: absolute; bottom: 50px; left: 18%;}
.strength_section{position: relative;margin: -1px;}
.strength_content{margin-bottom: 10px;}
.form-control:focus{border-color: #cf887f;
outline: 0; -webkit-box-shadow: inset 0 1px 1px #cf887f, 0 0 8px #cf887f;
box-shadow: inset 0 1px 1px #cf887f, 0 0 8px #cf887f;}
.strength_content h1::after {content: none;}
.strength_content h1{font-size: 28px;}
.client_2{margin-top: 20px;}
.page-section{padding-top: 70px;}
.padleft{padding-left: 0px;}
.padright{padding-right: 0px;}
.strength_images img{width: 100%;}
.client_images ul li{display: inline-block; vertical-align: middle;}
.client_images ul li:first-child{padding-right: 46px; }
.client_images ul{text-align: center; margin-top: 22px;}
.invest_content{background: url(../images/bg2.png) no-repeat bottom right; background-position: bottom 20px right 0px;}
.contact_back{background: url(../images/contact.png) no-repeat center; padding: 20px 0px 30px 0px;}


.titles a{padding: 10px 30px;}
hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}
.hvr-grow-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
    box-shadow: 0 10px 10px -6px rgba(0, 0, 0, 0.5);
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
    box-shadow: 0 10px 10px -6px rgba(0, 0, 0, 0.5);
}
a.navbar-brand{display: none;}

.strength_section { position: relative; background: #000;}
.image {opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; background: #fff; }
.middle { transition: .5s ease; opacity: 0; position: absolute; top: 43%; left: 44%; transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);
  text-align: center; width: 100%; max-width: 420px;}
.strength_section:hover .image {opacity: 0.6; cursor: pointer;}
.strength_section:hover .middle {opacity: 1; cursor: pointer;}
.middle h3{font-size: 38px; font-weight: 600; color: #fff; padding-bottom: 23px; text-align: left;}
.middle p{font-size: 16px; font-weight: 600; line-height: 1.75; color: #fff; padding-bottom: 0px;}
.client_images ul{margin-left: 0px; padding-left: 0px;}
.strength_top{padding-top: 0px!important;}
/*kd international page end*/



/*kd developer area start*/
.projects h2{font-size: 24px; font-weight: 600; color: rgba(0, 0, 0, 0.76); padding-bottom: 13px;}
.projects h2 span{color: #b6665c;}
.startup p span{color: #b6665c;}
.projects{margin-top: 19px;}
p.pad_bottom{padding-bottom: 0px;}
.owl-dots{display: none!important;}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-prev:hover{background: url(../images/left_arrow.png) no-repeat left top;}
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-next:hover {background: url(../images/right_arrow.png) no-repeat left top;}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next{height: 48px; width: 48px;}
.owl-carousel .owl-nav {width: 98.5%;position: absolute; top: 36%;}
.owl-carousel .owl-nav .owl-prev{margin-left: 24px;}
.owl-carousel .owl-nav .owl-next {float: right; margin-right: 21px;}
#goa_project{margin: 0px 0px 35px 0px;}
/*.all_projects a{font-size: 12px; color: #2e2f31; text-decoration: underline;font-weight: 600; float: right;padding-bottom: 7px; font-family: 'Raleway', sans-serif;}*/
/*.m_project{margin-top: 28px;}
*/.all_projects{margin-bottom: 30px;}
.blueimp-gallery > .prev, .blueimp-gallery > .next{line-height: 22px;}
.btn:focus, .btn:active, button:focus, button:active {outline: none !important; box-shadow: none !important;}
#image-gallery .modal-footer{display: block;}
.thumb{ margin-top: 15px; margin-bottom: 15px;}
.pad_eighteen{padding-bottom: 18px;}
.landapp{padding-bottom: 18px;}
.startup img{padding-bottom: 20px; width: 90px;}
.developer_contact .page-section{ padding-top: 25px;}
.developer_contact .contact_details{ padding-bottom: 35px;}
.developer_contact{margin-bottom: 259px; margin-top: 50px;}
#contact_us{padding-top: 70px;}
/*kd developer area stop*/






.info2, .success2, .warning2, .failure, .validation2{border:1px solid;margin:10px 0px;padding:15px 10px 15px 50px;background-repeat:no-repeat;background-position:10px center;}
.hm_client #owl-example1, .hm_client .owl-carousel .owl-stage-outer{height:110px!important;}
input[type="text"].error,textarea.error{border-bottom:2px solid #F00!important;}
.error{color:#F00!important;}
.error{font-size:13px;font-weight:400;}
.alert-specialsuccess { color: #4f8a10; padding: 4px 0 3px 357px;}
.alert-specialinfo { color: #3d8fd8; padding: 4px 0 3px 357px;}
.error{text-align: left;}
#toTop { width:100px; border:1px solid #fdc3c8; background:#ffd8db; text-align:center; padding:5px; position:fixed; /* this is the magic */ bottom:10px; /* together with this to put the div at the bottom*/ right:10px; cursor:pointer; display:none; color:#000; font-family: 'Roboto', sans-serif; font-size:11px;}
/* ========== Style Css End ========== */
::-webkit-scrollbar { -webkit-appearance: none;}
::-webkit-scrollbar:vertical { width: 12px;}
::-webkit-scrollbar:horizontal { height: 12px;}
::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff;}
::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff;}
/* ==================== Bootstrap Css Strat ==================== */
@media screen and (min-width : 740px) and (max-width : 1980px) {
/*	.full_page{height: auto;}
*/}
@media only screen and (width:1366px) {
	.full_page{height: auto;}
}
@media only screen and (max-width:1280px) {
	.full_page{height: auto;}
}
@media only screen and (max-width:1024px) {
    .middle{left: 50%;}
}
@media only screen and (max-width:1000px) {
    
}
@media screen and (min-width : 768px) and (max-width : 1020px) {
 
}
@media screen and (min-width : 400px) and (max-width : 1024px) {
}
@media screen and (min-width : 768px) and (max-width : 990px) {

}
@media screen and (min-width : 900px) and (max-width : 980px) {

	.titles h1 {font-size: 35px;}
	.strength_section h2{font-size: 25px;}
	  .middle h3{padding-bottom: 15px;font-size: 25px;}
    .middle{left: 49%;max-width: 326px;}
    .middle p{line-height: 22px; font-size: 14px;}
    .left_head li:last-child {margin-left: 3px;}
    .header h4{font-size: 21px;}
	
}
@media only screen and (max-width:900px) {
}
@media only screen and (max-width:820px) {
	.logo {margin-top: 100px;}
	.titles h1 {font-size: 36px;}
	.full_page{height: 100%!important;}
	.g-recaptcha{transform: scale(0.935); transform-origin: 0 0;}
	.strength_section h2{font-size: 30px;bottom: 37px; left: 7%;}
	.left_head li:last-child {margin-left: 13px;}
    .header h4 {font-size: 20px;}
    .navigation{padding-top: 3px;}
    .middle h3{padding-bottom: 15px;font-size: 25px;}
    .middle{left: 49%;max-width: 326px;}
    .middle p{line-height: 22px; font-size: 14px;}
}
@media only screen and (max-width:768px) {
	
}
@media screen and (min-width : 700px) and (max-width : 800px) {
	
}
@media screen and (min-width : 600px) and (max-width : 640px) {
	
}
@media only screen and (max-width:767px) {

	.navbar-inverse{background-color: transparent!important;}
	.navbar-inverse .navbar-brand{display: none;}
	.navbar-header{position: absolute; top: -58px; right: 0px;}
	.navbar-header{border: 0px!important;	}
	.navigation{ padding-top:0px;}
	.navbar-header{ border-top:#0392CB solid 1px;}
	.navbar-inverse .navbar-brand{ color:#fff;}
	.navbar-nav { float: none!important; margin-top:0px!important; margin-bottom:0px!important;}
	.navbar-toggle{ background:transparent!important; border:#fff solid 1px!important;}
	.navbar-inverse{-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
	.nav > li{-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding-right: 0px;}    
	.nav > li , .nav > li:last-child , .nav > li:first-child { margin-left:0px!important; background:none; font-size:14px;}
	.nav > li a, .nav > li:last-child a, .nav > li:first-child a,.navbar-inverse .navbar-nav > li:first-child >  a, .navbar-inverse .navbar-nav > li:last-child >  a{ padding:12px 14px!important; display:block;}

	.nav > li{ border-bottom:#b6665c solid 1px;}
	.nav > li:last-child{ border-bottom:#b6665c solid 0px;}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border-color:#b6665c; }
	/*.navbar-inverse .navbar-nav > li:hover a, .navbar-inverse .navbar-nav > li.active a, .navbar-inverse .navbar-nav > li.active:hover a{ background:#15BAFA; color: #fff!important;}*/
	.navbar-inverse .navbar-nav > li:hover a{ color:#fff ;} 
	.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ color:#fff;}
	/*.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ background:#15BAFA!important;}
	*/
	.dropdown-menu li{ font-size:14px;}
	.dropdown-menu li li{ font-size:12px;background:url(../images/line_divder.jpg) no-repeat 10px 16px;}
	.navbar-nav > li > .dropdown-menu li ul li a{ padding:8px 20px;}
	.navbar-nav > li.dropdown a{ background:none;}
	.navbar-inverse .navbar-nav > li:hover li a, .navbar-inverse .navbar-nav > li.active li a{ background:none!important;}
	.dropdown-menu li ul{ display:block; position:relative; right:0px;}
	.dropdown-menu li ul{ background:none!important;}

	.strength_section h2{left: 25%;font-size: 33px;}
	.strength_section img{margin: 0 auto;}
	.logo {margin-top: 100px;}
	.full_page{padding: 0px;}
	.titles{text-align: center;}
	.full_page{height: auto!important;}
	.titles h2 {font-size: 21px;margin-top: 9px;}
	.left_section{margin-bottom: 30px;}
	.titles ul li {line-height: 30px;}
	.left_section{margin-bottom: 50px;}
	.padzero{padding: 0px;}
	.navbar-fixed-top{position: static;}
	.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #000;}
    .navbar-toggle{border: #000 solid 1px !important;}
    .header{padding-bottom: 0px;}
    .left_head{padding-bottom: 20px;}
    .about_section {padding: 80px 0px 0px 0px !important;}
    .padright{padding-right: 15px;}
    .padleft{padding-left: 15px;}
    .strength_section{max-width: 400px; margin-bottom: 30px!important; margin: 0 auto;}
    .owl-carousel .owl-nav{top: 28%;}
    .usa_projects img{margin: 0 auto; padding-top: 30px;}
    .usa_projects a.photo_gallery{display: inline-block;}
    .usa_projects .addodintbox{text-align: center;}
    .contact_back{padding: 20px 20px 30px 20px;}


}
@media only screen and (max-width:720px) {
	.full_page{height: 100%!important;}

}
@media only screen and (max-width:667px) {
	.full_page{height: auto!important;}

}
@media only screen and (max-width:640px) {
	.strength_section h2 {left: 21%;font-size: 32px;}
	.owl-carousel .owl-nav{display: none;}
	.owl-dots{display: block!important; margin-top: 20px; text-align: center;}
}
@media (max-width: 570px) {
	.bs-example {margin-left: 6px;}
	#products ul {padding-left: 25px; margin-left: 20px;}
	.client_images ul li:first-child {padding-bottom: 30px; padding-right: 0px;}
	.client_images ul li img{margin: 0 auto;}
	.client_images ul li {display: block;}
	.client_images ul{padding-left: 0px; margin-left: 0px;}
	.about_page p, .contact_details a {font-size: 18px; line-height: 27px;}
	.middle p {line-height: 22px;font-size: 14px;}
	.contact_details {padding-bottom: 80px;}
	
	.owl-carousel .owl-item.active .owl-item{margin: 0 auto; float: none;}
	.addodintbox{margin: 0 auto; max-width: 400px;}
	/*.about_page p{font-size: 18px;line-height: 28px;}*/
}
@media (max-width: 480px) {
	.strength_section h2 {left: 7%;}
}
@media (max-width: 400px) {
	.titles h1 {font-size: 34px;}
	.titles h2 {font-size: 19px;}
	.strength_section h2 {left: 4%; font-size: 29px;}
}
@media (max-width: 375px) {
  .titles h1 {font-size: 30px;}
  .titles ul li{font-size: 20px;}
  .strength_section h2 {font-size: 24px;bottom: 29px;}
  .about_page p, .contact_details a {font-size: 18px; line-height: 27px;}
 	 #products ul{margin-left: 6px;}
 	 .panel-title a {font-size: 16px;}
 	 .panel-body p{font-size: 15px; line-height: 21px;}
 	 .panel-heading {padding: 8px 15px;}
 	 .middle{left: 50%; max-width: 263px; top: 50%;}
 	 .middle p{line-height: 18px;}
 	 .middle h3{padding-bottom: 9px;}
 	 	.contact_details{padding-bottom: 75px;}
  .middle p {line-height: 22px;font-size: 14px;}
}
@media (max-width: 320px) {
	.about_page h1::after {height: 5px;}
	.about_page h1 {font-size: 36px;}
 	 .middle h3{padding-bottom: 3px;}
 	 .middle p {line-height: 19px;font-size: 14px;}

}