/*========== About Styles ==================================================*/ .about-section1{font-family:'Lato',sans-serif;background-color:#fafafa;padding:40px 0 80px} .about-section1 .heading{font-family:'Raleway',sans-serif;color:#221f1f;;text-transform:uppercase;font-size:34px;font-weight:bold;text-align:center} .about-section1 .heading span{color:#a6ce39} .about-section1 hr{height:2px;width:100%;border-top:1px solid #ddd;margin:0} .about-section1 p{color:#000;font-family:'Raleway',sans-serif;font-size:17px;text-align:left;margin-top:23px;font-weight:500} .about-section1 a{background:#a6ce39;padding:10px 12px;color:#fff;font-size:25px;font-weight:700;border-bottom:3px solid #7b992a;text-transform:uppercase;display:inline-block} .about-section1 a:hover{color:#fff;text-decoration:none;opacity:.9} .about-section1 a i{margin:0 15px;font-size:36px;position:relative;top:4px} .about-section1 a span{margin:0 15px} .about-section1 video{width:100%!important;height:436px!important} .about-section1 img{width:100%;height:auto;border:double 5px #eee} /*===========================================================================*/ .about-section4{font-family:'Poppins',sans-serif;padding:80px 0} .about-section4 .pre-heading{color:#a6ce39;text-transform:uppercase;font-weight:500;font-size:18px;line-height:1.3} .about-section4 .heading{font-size:32px;text-transform:uppercase;font-weight:600} .about-section4 .after-heading{display:block;border-top:solid 1px #000;width:50px;margin:0 0 15px 10px;position:relative;left:-10px} .about-section4 .after-heading::after{content:' ';border-top:solid 1px #a6ce39;height:5px;width:50px;padding-top:;display:block;margin:5px auto;position:relative;right:-20px} .about-section4 .sub-heading{font-size:18px;color:#222;font-weight:400;padding-bottom:5px} .about-section4 p{margin-bottom:25px} .about-section4 .about-img{text-align:right;padding:5px 0 0 50px} .about-section4 .about-img img{max-width:100%;border:solid 2px #40adb8} .about-section4 a.learnmore{background:#a6ce39;padding:8px 35px;color:#fff;font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:bold;font-size:20px;text-decoration:none} .about-section4 a.learnmore{text-decoration:none;} /*===========================================================================*/ .about-section5{font-family:'Oswald',sans-serif;padding:64px 0;background-size:cover} .about-section5 .heading{font-weight:600;color:#a6ce39;text-transform:uppercase;font-size:45px;margin-bottom:30px;} .about-section5 .heading span{font-weight:300;color:#444;text-transform:uppercase;font-size:33px;display:block} .about-section5 p{font-family:'Roboto',sans-serif;color:#444;font-size:18px;padding-bottom:10px} .about-section5 a{font-weight:bold;color:#fff;font-size:22px;background:#a6ce39;border-radius:4px;border-bottom:4px solid #7b992a;padding:14px 15px 10px;text-decoration:none;text-transform:uppercase;display:inline-block;margin-top:15px} .about-section5 a:hover{opacity:.6} .about-section5 .video{margin:60px 0 15px;width:100%;height:auto} .about-section5 .video iframe{width:100%} /*===========================================================================*/ .about-section10 .about-img{font-family:'Lato',sans-serif;background-position:center center;background-size:cover;height:520px} .about-section10 .about-content{background:#ececec;height:520px} .about-section10 .about-content .about-inner{max-width:500px;padding:25px 15px 30px 25px} .about-section10 .about-content .heading{color:#333;font-size:32px;margin-bottom:10px} .about-section10 .about-content p{line-height:1.5;font-size:18px} .about-section10 .about-content .button{border:solid 1px #c61e35;border-radius:20px;padding:8px 35px;color:#c61e35;font-size:17px;font-weight:300;text-transform:uppercase;margin:12px 0 12px -2px;display:inline-block} /*===========================================================================*/ .about-section11{background-size:cover;padding:50px 0;font-family:'Lato',sans-serif;color:#777} .about-section11 .pre-heading{font-family:'Montserrat', sans-serif;font-size:18px;font-weight:bold;text-transform:uppercase;color:#88a832;margin-bottom:10px} .about-section11 .heading{color:#474747;text-transform:uppercase;font-size:50px;font-family:'Oswald',sans-serif;line-height:64px;margin:0;font-weight:500} .about-section11 .sub-heading{font-size:20px;font-weight:bold} .about-section11 .line{display:block;margin-bottom:30px} .about-section11 .color-line{background:#a6ce39;height:4px;width:45px;margin:0 3px;display:inline-block} .about-section11 p{font-size:16px;margin-top:20px;line-height:1.7} .about-section11 .about-img .image-wrap{border:solid 1px #ddd;border-radius:2px;margin-top:10px;width:545px;height:545px} .about-section11 .about-img img{width:545px;height:545px;border:solid 10px #fff;border-radius:2px;position:relative;top:-10px;left:-10px} .about-section11 a{font-weight:bold;color:#fff;font-size:22px;background:#a6ce39;border-bottom:4px solid #7b992a;padding:15px 30px 12px;text-decoration:none;text-transform:uppercase;display:inline-block;margin-top:10px} /*===========================================================================*/ /*--------------- RESPONSIVE START ----------------*/ /* medium devices - 992px to 1199px */ @media only screen and (max-width :1199px) { .about-section1 .heading{font-size:28px;margin:10px 0 0} .about-section1 p{font-size:16px;margin-top:15px} .about-section1 a{font-size:22px} .about-section1 a i{font-size:26px;margin:0 15px} /*===========================================================================*/ .about-section4{padding:60px 0} /*===========================================================================*/ .about-section5 p{font-size:17px} /*===========================================================================*/ .about-section10 .about-img{height:480px} .about-section10 .about-content{height:480px} .about-section10 .about-content p{font-size:16px} /*===========================================================================*/ .about-section11 .about-img .image-wrap{width:450px;height:450px} .about-section11 .about-img img{width:450px;height:450px} .about-section11 .heading{font-size:40px;line-height:46px} .about-section11 .line{margin-bottom:15px} .about-section11 p{margin-top:10px;line-height:1.5} /*=======================================================================*/ } /* end medium devices */ /* small devices - 768px to 991px */ @media only screen and (max-width :991px) { .about-section1 a{display:block;width:430px;margin:25px auto 40px} .about-section1 img{width:500px;margin:0 auto;display:block;max-width:100%} /*===========================================================================*/ .about-section4{padding:40px 0} .about-section4 .about-img{display:none} /*===========================================================================*/ .about-section5 p{font-size:16px} .about-section5 .heading{margin-bottom:15px;font-size:38px;line-height:1.2} .about-section5 .heading span{font-size:24px} .about-section5 a{font-size:20px} /*===========================================================================*/ .about-section10 .about-content .heading{font-size:26px;margin-bottom:5px} .about-section10 .about-content .about-inner{padding:20px 10px} .about-section10 .about-content p{font-size:15px;margin:0 0 5px} .about-section10 .about-content .button{font-size:15px;padding:8px 25px;margin:8px 0} /*===========================================================================*/ .about-section11 .about-img{display:none} .about-section11 .heading{font-size:36px;line-height:40px} /*===========================================================================*/ } /* end small devices */ /* extra small devices - 480px to 767px */ @media only screen and (max-width :767px) { .about-section1{padding:30px 0 40px} .about-section1 .heading{font-size:26px;margin:0} /*===========================================================================*/ .about-section5 .video{width:450px;margin:45px auto 0;max-width:100%} /*===========================================================================*/ .about-section10 .about-img{display:none} .about-section10 .about-content{height:auto} /*===========================================================================*/ .about-section11 a{font-size:18px;padding:10px 20px 7px} /*===========================================================================*/ } /* end extra small devices */ /* extra-extra small devices - 0px to 479px */ @media only screen and (max-width :479px) { .about-section1 .heading{font-size:24px} .about-section1 p{font-size: 14px} .about-section1 a{width:255px;text-align:center;padding:5px} /*===========================================================================*/ .about-section11 .heading{font-size:30px;line-height:34px} .about-section11 .sub-heading{font-size:16px} /*===========================================================================*/ } /* end extra-extra small devices */