body{width: 100%; background:#fff ;padding: 0;margin: 0;font-family: 'Rubik', sans-serif; background: url(../images/body-bg.jpg) no-repeat; background-attachment: fixed; background-size: cover; }
a{text-decoration: none !important; border: none;outline: none;outline: none;}
ul{ padding: 0; margin: 0; }
li{list-style: none; border: none;outline: none;}
*{padding: 0;margin: 0;}



/*top header*/
.top-header{ position: relative; display: inline-block; width: 100%; height: auto; padding: 5px 0; margin: 0; background-image: linear-gradient(to right, rgb(10, 223, 114), rgb(6, 102, 55));}
.top-header .phone{padding: 0;margin: 0;text-align: center;}
.top-header .phone a{ color: #fff;    font-size: 14px;line-height: 24px;display: inline-block;outline: none;}
.top-header .phone a i{padding: 0 0 0 0;margin: 0;}
.top-header .phone a span{padding: 0 0 0 10px;margin: 0;}
.top-header .s-icon{ position: relative; width: 100%; text-align: right; padding: 1px 0 0; margin: 0;}
.top-header .s-icon ul{padding: 0;margin: 0; }
.top-header .s-icon ul li{ list-style: mno; display: inline-block; margin: 0 2px; padding: 0;}
.top-header .s-icon ul li a{width: 20px; display: block; text-align: center; height: 20px; border-radius: 50%; background: #fff; color: #00be0f; font-size: 11px; line-height: 20px; padding: 4px 0 0; }
.top-header .s-icon ul li a:hover{background: #0add71; color: #fff; }


/*button header*/
.button-header{ background: #fff; position: relative;display: inline-block;width: 100%;height: auto;padding: 10px 0;margin: 0;}
.button-header h3{padding: 0 0;margin: 0;} 
.button-header h3 a{width: 100%; color: #4e9e42; background-color: #fff; display: block; border-radius: 0px; text-align: left; padding: 5px 0 0 5px; font-weight: bold; text-transform: uppercase; font-size: 25px; transition: all 600ms ease-in-out; font-family: 'Changa One', cursive; line-height: 30px;}
img.logo-home{ width:70%; }
.button-header .navigation{padding: 0 0;margin: 15px 0 0;display: inline-block;width: 100%;text-align: right;}
.button-header .navigation ol{padding: 0 0;margin: 0;}
.button-header .navigation ol li{padding: 0 0 0 35px;margin: 0;display: inline-block;}
.button-header .navigation ol li a{padding: 0 0;margin: 0;color: #237a57;font-size: 13px;line-height: 21px;font-weight: bold;outline: none;}

/*banner*/
.banner{ position: relative;display: inline-block;width: 100%;height: auto;padding: 0px 0;margin: 0;}
.banner img{width: 100%;height: 500px;}
.banner .banner-dec{ position: absolute; content: ""; width: 100%;height: 100%; top: 0; left: 0; right: 0; margin: 0 auto; z-index: 999; text-align: center; } 
.banner .banner-dec .banner-dec-text{ width: 70%; background: #000000ab; display: inline-block; padding: 35px 0 25px; margin: 150px auto 0; }
.banner .banner-dec .banner-dec-text h2{ text-align: center; margin: 0; padding: 0; font-size: 15px; color: #fff; line-height: 30px; }
.banner .banner-dec .banner-dec-text h3{ text-align: center; margin: 0; padding: 10px 0 0; font-size: 25px; color: #fff; line-height: 30px; text-transform: uppercase; font-weight: bold; }
.banner .banner-dec .banner-dec-text form{ width: 100%; margin: 20px 0 0; padding: 0; display: inline-block; }
.banner .banner-dec .banner-dec-text form .form-home{ width: 30%; float: left; text-align: center; margin: 0 auto; padding: 10px; }
.banner .banner-dec .banner-dec-text form .form-home label{     width: 100%; display: block; text-align: left; color: #00ff7f; font-size: 15px; font-weight: normal; text-transform: uppercase; padding: 1px 0px 4px; }
.banner .banner-dec .banner-dec-text form .form-home input[type="text"]{ background: #fff; width: 100%; display: block; padding: 10px; border: 1px solid #7ad261; color: #000; font-size: 15px; line-height: 20px; margin: 0; }
.banner .banner-dec .banner-dec-text form .form-home select{ background: #fff; width: 100%; display: block; padding: 10px; border: 1px solid #7ad261; color: #000; font-size: 15px; line-height: 20px; margin: 0; }
.banner .banner-dec .banner-dec-text form .form-home input[type="submit"]{ background: #7ad261; width: 100%; display: block; padding: 10px; border: 1px solid #f7fdf6; color: #fff; font-size: 15px; line-height: 20px; margin: 27px 0 0; text-transform: uppercase; font-weight: bold; }
.banner .banner-dec .banner-dec-text form .form-home input[type="submit"]:hover{ background: #078044;}

/*Ads-Banner*/
.ads{ position: relative; display: inline-block; width: 100%; height: auto; padding: 0; margin: 0; }
.ads .ads-block{ width: 100%; padding: 0; margin: 0; }
.ads .ads-block video{ width: 100%; }


/*about*/
.about{position: relative;display: inline-block;width: 100%;height: auto;padding: 38px 58px;margin:  0;}
.about img.ab-bg{ width: 100%; }
.about .about-box-text{ position: absolute; content: ""; top: 80px; left: 0; width: 75%; right: 0; margin: 0 auto; }


.about .tex{display: inline-block;width: 100%;height: auto;padding: 0px 0;margin: 0;}
.about .tex h1{color: #fff; font-size: 37px; line-height: 45px; margin: 0; font-weight: bold; font-family: 'Abel-Regular'; text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.29); }
.about .tex h3{color: #fff; font-size: 21px; line-height: 32px; margin: 20px 0 0; padding: 0; font-family: arial; }
.about .img-box{display: inline-block;width: 100%;height: auto;padding: 0px 0;margin: 0;text-align: center;}
.about .img-box img{text-align: center;width: 45%;}

/*deals*/
.deals{ position: relative;display: inline-block;width: 100%;height: auto;padding: 0 0 40px;margin: 0;}
.deals h2{ font-size: 30px; line-height: 40px; color: #010101; text-align: center; font-weight: bold; padding: 0 0 10px; }
.deals .img-box{ position: relative; display: inline-block;width: 100%;height: 315px;padding: 0;margin: 0;}
.deals .img-box img{width: 100%;}
.deals .img-box .img-box-text{  position: absolute; content: ""; bottom: 0; left: 0; width: 100%; padding: 10px 20px; background: #0000005e; background: #389b1ca8;}
.deals .img-box .img-box-text h3{ padding: 0px 0 7px; margin: 0 0; color: #ffffffd4; font-weight: bold; font-size: 15px; line-height: 20px; }
.deals .img-box .img-box-text h4{ padding: 0px 0 3px; margin: 0 0; color: #fff; font-size: 21px; font-weight: bold; }
.deals .img-box .img-box-text a{ text-decoration: none; padding: 0px 0; margin: 0 0; color: #d2d2d2; font-size: 12px; line-height: 25px; }
.deals .img-box .img-box-text a:hover{ color: #fff;  }
a.view{ color: #fff; text-align: center; display: block; background: #000; width: 15%; margin: 30px auto; border-radius: 25px; padding: 8px 0; text-transform: uppercase; font-weight: bold; border-bottom: 5px solid #ccc; }
a.view:hover{ background: #2d7626; }
.deals h6{display: none; background: #1abb0b; text-align: center; width: 50%; border-radius: 25px; margin: 0 auto; color: #fff; padding: 13px 0; font-size: 15px; font-weight: bold; border: 5px solid #08ff0070; }
img.what_call{ width: 50%; margin: 0 auto; text-align: center; display: block; }



/*l-l-post*/
.l-l-post{  position: relative; width:100%; height:490px;overflow: hidden; padding:40px 0; margin:0 0;background: url(../images/left-site.jpg) no-repeat right top;  background-size: cover;}
.l-l-post .l-l-post-text{ position: relative; width:100%;  }
.l-l-post .l-l-post-text .text{ width: 60%; margin: 140px 0 0 80px; }
.l-l-post .l-l-post-text .text h2{ padding: 0; margin: 0; color: #575757; font-size: 25px; text-transform: uppercase; font-weight: bold; }
.l-l-post .l-l-post-text .text h3{ padding: 6px 0 15px 0; margin: 0; color: #1abb0b; font-style: italic; font-size: 17px; line-height: 25px;  }
.l-l-post .l-l-post-text .text p{ text-align: justify; padding: 0 80px 0 0; font-size: 14px; line-height: 25px; color: #000000ad;  }

/*r-r-post*/
.r-r-post{  position: relative; width:100%; height:490px;overflow: hidden; padding:40px 0; margin:0 0;background: url(../images/right-site.jpg) no-repeat left top;  background-size: cover;}
.r-r-post .r-r-post-text{ position: relative; width:100%;  }
.r-r-post .r-r-post-text .text{ width: 60%; margin:130px 0 0 170px; }
.r-r-post .r-r-post-text .text h2{  padding: 0; margin: 0; color: #575757; font-size: 25px; text-transform: uppercase; font-weight: bold; }
.r-r-post .r-r-post-text .text h3{ padding: 6px 0 15px 0; margin: 0; color: #1abb0b; font-style: italic; font-size: 17px; line-height: 25px; }
.r-r-post .r-r-post-text .text p{ text-align: justify; padding: 0 80px 0 0; font-size: 14px; line-height: 25px; color: #000000ad; }


/*video-youtub*/
.video-youtub{  position: relative; width:100%; padding:40px 0; margin:0 0; }
.video-youtub h2{ text-align: center; margin: 0; padding: 0; font-size: 15px; text-transform: uppercase; color: #000; }
.video-youtub h1{ text-align: center; margin: 0; padding: 5px 0 20px; font-size: 25px; line-height: 50px; color: #000; font-weight: bold; }
.video-youtub .video-youtub-box{ width: 70%; display: block; margin: 0 auto 60px; border: 10px solid #e6e6e6; }
.video-youtub .video-box{ width: 100%; display: block; height: 260px; overflow: hidden; margin: 0 0 30px; border-radius: 0; background: #fff; padding: 5px 5px 15px 5px; border: 1px solid #ccc; }



/*video*/
.video{  position: relative; width:100%; padding:40px 0; margin:0 0; background:#fff; }
.video iframe{ width:100%; }
.video h2{ padding: 0 0 5px; margin: 0 0; font-size: 40px; line-height: 60px; color: #050510; text-align: center; font-family: 'Changa One', cursive; font-weight: lighter; letter-spacing: 2px; }
.video p{ font-family: 'Montserrat', sans-serif; text-align: center; padding: 0 0 40px; margin: 0 0; font-size: 20px; line-height: 20px; color: #000; }
.video h6{ text-align: center; padding: 10px 50px; margin: 0; font-size: 15px; line-height: 21px; color: #444; font-family: 'Montserrat', sans-serif; font-weight: bold;}
 
 /*"video-inner*/
.video-inner{  position: relative; width:100%; padding:40px 0; margin:0 0; background:#fff; }
.video-inner h2{ padding: 0 0 5px; margin: 0 0; font-size: 40px; line-height: 60px; color: #050510; text-align: center; font-family: 'Changa One', cursive; font-weight: lighter; letter-spacing: 2px;  }
.video-inner .video-box{ width:100%; } 
.video-inner .video-box video{ width:100%; } 

/*blog*/
.blog{  position: relative; width:100%; padding:40px 0; margin:0 0; background:#f4f2f2; }
.blog img{ width:100%; height: 200px; }
.blog h2{ padding: 0 0 5px; margin: 0 0; font-size: 40px; line-height: 60px; color: #050510; text-align: center; font-family: 'Changa One', cursive; font-weight: lighter; letter-spacing: 2px; }
.blog p{ font-family: 'Montserrat', sans-serif; text-align: center; padding: 0 0 40px; margin: 0 0; font-size: 20px; line-height: 20px; color: #000; }
.blog h6{ text-align: center; padding: 10px 50px; margin: 0; font-size: 15px; line-height: 21px; color: #444; font-family: 'Montserrat', sans-serif; font-weight: bold;}
 
 /*blog single*/
.blog-single-peag { position: relative; width: 100%; padding: 50px 0; margin: 0; background: #fff; }
.blog-single-peag h2{  font-family: 'Raleway', sans-serif; font-family: 'Changa One', cursive; color: #000; font-size: 30px; line-height: 40px; padding: 0 0 15px; margin: 0; text-align: center;}
.blog-single-peag .blog-single-peag_box { width: 100%; padding: 0px 10px 10px; margin: 20px 0; background: #f5f5f5; border: 1px solid #ecececcc; }
.blog-single-peag .blog-single-peag_box h3 { background: #f5f5f5; font-size: 15px; font-family: 'Montserrat', sans-serif;color: #323232; font-weight: bold; line-height: 25px; padding: 5px 5px 6px; margin: 0 0 5px 0;}
.blog-single-peag .blog-single-peag_box img.exam_calendar_single_img { width: 100%; height: auto; border-radius: 10px; }
.blog-single-peag .blog-single-peag_box p { color: #000; font-size: 15px; line-height: 26px; text-align: justify; padding: 10px 0 5px; letter-spacing: 0; font-family: 'Montserrat', sans-serif;}

/*form-inner*/
.form-inner{ position: relative; width:100%; padding:60px 0; margin:0 0; background:#f4f2f2; background: linear-gradient(90deg, rgb(78, 158, 66) 50%, rgb(255, 255, 255) 35%); background: linear-gradient(90deg, rgb(244, 239, 239) 50%, rgb(255, 255, 255) 35%); }
.form-inner form img.form-img{ width: 10%; margin: 0 auto; display: block; } 
.form-inner form h2{ text-align: center; margin: 0; padding: 0 0 5px; font-family: 'Changa One', cursive; color: #4e9e42; font-size: 35px; line-height: 45px; }
.form-inner form h4{ margin: 0; text-align: center; padding: 5px 0 20px; font-family: 'Changa One', cursive; color: #3d443c; font-size: 25px; line-height: 35px; }
.form-inner form h4 span{ display: block; font-weight: bold; font-family: 'Montserrat', sans-serif; font-size: 20px; padding: 0; margin: 0; }
.form-inner form{ width: 60%; margin: 0 auto; padding: 25px 20px 25px 20px; background: #fff; border: 10px solid #f4efef; }
.form-inner form .admission-input{ width: 100%; padding: 0; margin: 0 0 10px; display: inline-block; }
.form-inner form .admission-input label{ width: 42%; float: left; text-align: left; font-weight: bold; color: #4a4a4a; text-transform: uppercase; padding: 5px 0 0 10px; font-size: 14px; line-height: 20px; margin: 0; }
.form-inner form .admission-input input[type="text"]{ width: 57%; float: right; text-align: left; font-family: 'Abel-Regular'; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; outline: none; color: #575757; font-weight: normal; font-size: 15px; line-height: 20px; border-bottom: 1px dotted #acabab; padding: 4px 0 5px 10px; }
.form-inner form .admission-input input[type="date"]{ width: 57%; float: right; text-align: left; font-family: 'Abel-Regular'; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; outline: none; color: #575757; font-weight: normal; font-size: 15px; line-height: 20px; border-bottom: 1px dotted #acabab; padding: 4px 0 5px 10px;}
.form-inner form .admission-input input[type="file"]{ width: 57%; float: right; text-align: left; font-family: 'Abel-Regular'; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; outline: none; color: #575757; font-weight: normal; font-size: 15px; line-height: 20px; border-bottom: 1px dotted #acabab; padding: 4px 0 5px 10px;}
.form-inner form .admission-input select { width: 57%; float: right; text-align: left; font-family: 'Abel-Regular'; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; outline: none; color: #575757; font-weight: normal; font-size: 15px; line-height: 20px; border-bottom: 1px dotted #acabab; padding: 4px 0 5px 10px;}
.form-inner form .admission-input textarea{ width: 57%; float: right; text-align: left; font-family: 'Abel-Regular'; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; outline: none; color: #575757; font-weight: normal; font-size: 15px; line-height: 20px; border-bottom: 1px dotted #acabab; padding: 4px 0 5px 10px;}
.form-inner form .admission-input input[type="submit"]{ width: 26%; margin: 0 auto; display: block; background: #4e9e42; border: none; outline: none; color: #fff; padding: 8px 0; font-size: 15px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; border-radius: 8px; }
.form-inner form .admission-input input[type="submit"]:hover{background: #0c0d3e;}
.form-inner form .admission-input span{ text-align: justify; display: block; color: #e10202; font-weight: bold; font-size: 10px; padding: 6px 0 0 30px; width: 100%; margin: 0; line-height: 15px; }
.form-inner form h6{  text-align: left; display: block; color: #0c1440; font-weight: bold; font-size: 15px; padding: 10px 0 10px 35px; width: 50%; margin: 50px 0 25px 0; background: #000; background: linear-gradient( 90deg, rgb(28, 176, 7) 4%, rgb(238, 238, 238) 4%); }
.form-inner form h5{ text-align: center; padding: 0; color: #fff; font-size: 15px; line-height: 30px; background: #000; width: 70%; margin: 20px auto 10px; font-weight: bold; text-transform: uppercase; border-radius: 35px; }

/*inner-banner*/
.inner-banner{ position: relative; width: 100%; }
.inner-banner img{ width: 100%; }

/*inn-blog*/
.inn-blog{ position: relative; width: 100%; overflow: hidden; padding:30px 0px; margin: 0; background: #F5F5F7;  }
.inn-blog h2{padding: 0 0 5px; margin: 0 0; font-size: 35px; line-height: 60px; color: #050510; text-align: center; font-weight: bold; letter-spacing: 2px; }
.inn-blog .blog-big-box{ width: 80%; background: #fff; padding: 0px; border-radius: 10px; margin:0 auto; }
.inn-blog .blog-big-box .blog-big-box-img{ width: 60%; float: left; background: #fff; border: 10px solid #fff; height: 300px; overflow: hidden; margin: 0 0 30px; }
.inn-blog .blog-big-box .blog-big-box-img img{width: 100%; }
.inn-blog .blog-big-box .blog-big-box-text{ width: 40%; float: right; background: #fff; height: 300px; padding: 0 20px; margin: 0; } 
.inn-blog .blog-big-box .blog-big-box-text h5{ font-size: 15px; color: #76767B; margin:20px 0 10px; text-transform: uppercase; padding: 0;}
.inn-blog .blog-big-box .blog-big-box-text a{font-size: 25px; color: #1D1D1FCF; font-weight: 500; line-height: 40px; font-family: unset; padding: 5px 0 0; display: block; }
.inn-blog .blog-big-box .blog-big-box-text a:hover{ color: #0AB961; }
.inn-blog .blog-big-box .blog-big-box-text h6{ font-size: 13px; color: #000000ab; margin: 20px 0 15px; font-weight: bold; font-style: italic; }

.inn-blog .blog-box{ width: 100%; background: #fff; padding: 10px; border-radius: 10px; margin:0 0 40px; }
.inn-blog .blog-box h5{ font-size: 12px; color: #76767B; margin: 17px 0 4px; text-transform: uppercase; padding: 0;}
.inn-blog .blog-box a{font-size: 15px; color: #1D1D1F; font-weight: 500; line-height: 24px; font-family: unset; padding: 5px 0 0; display: block; }
.inn-blog .blog-box a:hover{ color: #0AB961; }
.inn-blog .blog-box img{ width: 100%; border-radius: 10px; height: 200px; border: 2px solid #d9d9d9; padding: 0; margin: 0; }
.inn-blog .blog-box h6{ font-size: 12px; color: #166a40d6; margin: 10px 0 15px; font-weight: bold; }


/*single-blog*/
.single-blog{ position: relative; width: 100%; overflow: hidden; padding:30px 0px; margin: 0; background: #fff;  }
.single-blog h2{padding: 0 0 5px; margin: 0 0; font-size: 35px; line-height: 60px; color: #050510; text-align: center; font-weight: bold; letter-spacing: 2px; }
.single-blog .blog-big-box-single{ width: 100%; background: #fff; padding: 10px; border-radius: 10px; margin:0 0 40px; }
.single-blog .blog-big-box-single h5{ font-size: 20px; color: #000; margin: 20px 0 10px; text-transform: uppercase; padding: 0; }
.single-blog .blog-big-box-single p{font-size: 16px; color: #1D1D1FC4; font-weight: 500; line-height: 30px; font-family: unset; padding: 5px 0 0; display: block; text-align: justify; }
.single-blog .blog-big-box-single a:hover{ color: #0AB961; }
.single-blog .blog-big-box-single img{ width: 100%; border-radius: 10px; height: 400px; border: 2px solid #d9d9d9; padding: 0; margin: 0; }
.single-blog .blog-big-box-single h6{ font-size: 15px; color: #166a40d6; margin: 13px 0 15px; font-weight: bold; font-style: italic; }

.single-blog .blog-box-single-right{ width: 100%; background: #fff; padding: 5px; border-radius: 10px; margin: 0 0 10px; border: 1px solid #cccccc38; }
.single-blog .blog-box-single-right h5{ font-size: 12px; color: #76767B; margin: 17px 0 4px; text-transform: uppercase; padding: 0;}
.single-blog .blog-box-single-right a{font-size: 15px; color: #1D1D1F; font-weight: 500; line-height: 24px; font-family: unset; padding: 5px 0 0; display: block; }
.single-blog .blog-box-single-right a:hover{ color: #0AB961; }
.single-blog .blog-box-single-right img{ width: 100%; border-radius: 10px; height: 200px; border: 2px solid #d9d9d9; padding: 0; margin: 0; }
.single-blog .blog-box-single-right h6{ font-size: 12px; color: #166a40d6; margin: 10px 0 15px; font-weight: bold; }


ul.media-sharing-button{width: 100%; padding: 0; margin: 0; display: inline-block; display: none;}
ul.media-sharing-button li{width: 35px; float: left; list-style: none; padding: 5px 5px; margin: 0 10px 0 0; background: #fff; overflow: hidden; height: 35px; border-radius: 50%; border: 2px solid #40bb7f;text-align: center;}
ul.media-sharing-button li a{font-size: 30px; color: #fff; line-height: 15px; font-family: revert; display: block;}
ul.media-sharing-button li a svg{width: 80%; background: none; margin:-15px 0 0 0; text-align: center; padding: 3px 0 0 0;}

ul.media-sharing-button-single{width: 100%; padding: 0; margin: 0; display: inline-block; }
ul.media-sharing-button-single li{width: 35px; float: left; list-style: none; padding: 5px 5px; margin: 0 10px 0 0; background: #fff; overflow: hidden; height: 35px; border-radius: 50%; border: 2px solid #40bb7f;text-align: center;}
ul.media-sharing-button-single li a{font-size: 30px; color: #fff; line-height: 15px; font-family: revert; display: block;}
ul.media-sharing-button-single li a svg{width: 80%; background: none; margin: 0 auto; text-align: center; padding: 3px 0 0 0;}

/*courses-book*/
.courses-book{ position: relative; width: 100%; overflow: hidden; padding:30px 0px; margin: 0; background: #f0f0f0;  }
.courses-book h2{padding: 0 0 5px; margin: 0 0; font-size: 35px; line-height: 60px; color: #050510; text-align: center; font-weight: bold; letter-spacing: 2px; }
img.courses-book-big-img{ width: 100%; background: #fff; padding: 10px; margin:0 0 50px 0; }
img.courses-img{ width: 100%; background: #fff; padding: 10px; }

.courses-book h4{ width: 100%; background: #0d904e; padding: 10px; margin: 0 0 12px; color: #fff; text-transform: uppercase; font-weight: bold; }
.courses-book ul{ width: 100%; background: #fff; padding: 10px;}
.courses-book ul li{     width: 100%; padding: 0 0 4px 12px; font-family: 'Abel-Regular'; font-size: 17px; line-height: 30px; font-family: system-ui; color: #022e18; }
.courses-book ul p{ width: 100%; font-family: 'Montserrat', sans-serif; margin: 5px 0 10px; padding: 0 10px; text-align: justify; font-size: 17px; line-height: 30px; color: #000; font-style: italic; font-family: initial; }
.courses-book h6{ width: 100%; background: #f9f11c; padding: 10px 10px; color: #040404; text-align: center; font-size: 15px; text-transform: uppercase; font-weight: bold; }
.courses-book h6 span{ display: block; font-size: 11px; line-height: 20px; padding: 4px 0 0; }
.courses-book .book-box{width: 100%; float: left; background: #fff; float: left;}
.courses-book .book-box img.courses-book-box-img{ width: 55%; background: #fff; padding: 10px; float: left; height:250px;}
.courses-book .book-box h3{     font-family: 'Montserrat', sans-serif; PADDING: 10px 0 5px; MARGIN: 0; font-size: 14px; font-weight: bold; color: #000; line-height: 25px; }
.courses-book .book-box p{     font-family: revert; text-align: left; font-size: 12px; padding: 0 10px 0 0; line-height: 18px; color: #000000ba; }
.courses-book .book-box h5{     font-family: 'Montserrat', sans-serif; padding: 0; margin: 7px 0 0; color: #000; font-weight: bold; font-size: 13px; display: inline-block;}

/*inn-contact*/
.inn-contact{ position: relative; width: 100%; overflow: hidden; padding:30px 0px; margin: 0; background: #fff;  }
.inn-contact h6{  font-family: 'Raleway', sans-serif; font-family: 'Changa One', cursive; color: #000; font-size: 30px; line-height: 40px; padding: 0 0 15px; margin: 0; text-align: center;}
.inn-contact .con-map{ width: 100%; padding:10px; margin: 0; background: #fff; }
.inn-contact .con-map iframe{ width: 100%; border:none; height:350px; }
.inn-contact .con-map h3{ text-align: left; margin: 0; padding: 0; font-size: 22px; line-height: 30px; color: #000000bf; font-weight: bold; }
.inn-contact .con-map h3 b{ color: #21b90a; }
.inn-contact .con-map h3 span{ display: block; font-size: 14px; line-height: 20px; color: #646262; padding: 5px 0 0; margin: 0; } 
.inn-contact ul{ padding: 0 0; margin: 0 0; }
.inn-contact ul li{list-style: none; padding: 0 0; margin:10px 0 20px; width: 50%; float: left;}
.inn-contact ul li span{float: left;width: 28%; }
.inn-contact ul li span:hover{ } 
.inn-contact ul li span i{ border-radius: 50%; height: 65px; width: 65px; border: 3px solid #119d59; text-align: center; margin-right: 10px; display: block; font-size: 25px; line-height: 40px; padding: 10px 0 0 0; color: #fff; background: #066838;}
.inn-contact ul li span i:hover{color: #119d59; background: #fff; border: 3px solid #119d59; } 
.inn-contact ul li a{ font-size: 14px; line-height: 25px; font-family: revert; color: #021c0f; padding: 0; margin: 0;}

.inn-contact form{  padding: 30px 0 0; margin: 0 0;  }
.inn-contact form .input-cont{  width: 100%; padding: 0; margin: 0; display: block; }
.inn-contact form .input-cont label{ width: 100%; float: left; line-height: 20px; padding: 0; margin: 0; font-weight: bold; font-size: 14px; color: #000000b8; font-family: 'Montserrat', sans-serif; }
.inn-contact form .input-cont input{ background: none; width: 100%; float: right; outline: none; font-size: 14px; line-height: 25px; padding: 3px 10px; margin: 3px 0 15px; color: #000; border: 1px solid #ccccccd9; }
.inn-contact form .input-cont textarea{ background: none; width: 100%; float: right; outline: none; font-size: 14px; line-height: 25px; padding: 3px 10px; margin: 3px 0 15px; color: #000; border: 1px solid #ccccccd9; }

.inn-contact form .input-cont input[type="submit"]{ float: left; margin: 0; width: 30%; border: 5px solid #119d59; color: #fff; background: #066838; font-weight: bold; text-transform: uppercase; padding: 8px 0; }
.inn-contact form .input-cont input[type="submit"]:hover{ border: 5px solid #0a9551; color: #fff; background: #119d59; }


/*FOOTER*/
footer{ width: 100%;  background: url(../images/footer-bg2.jpg) bottom right no-repeat; background: #041e42; position: relative; background-size: cover; padding: 35px 0 0px; }
.footer-box {  width: 90%;height: 240px;overflow: hidden;margin: 0 0 10px;border-radius: 5px; }
.footer-box img.foot-img{  width: 70%; display: block; margin: 0 0 10px; padding: 0; }
.footer-box h3{ margin: 0 0 25px; text-align: left; color: #2fd900; font-weight: bold; text-transform: uppercase; font-size: 20px; border-bottom: 1px dotted #2fd900; padding: 0 0 10px; }
.footer-box h2{ margin: 15px 0 0px; text-align: left; color: #2fd900; font-weight: bold; text-transform: uppercase; font-size: 13px; border-bottom: 1px dotted #2fd900; padding: 0 0 10px; }


.footer-box ul.footer-ul { color: #1c9302; padding: 0; margin: 0; text-align: left; border: none; }
.footer-box ul.footer-ul li{ list-style: none; display: block; }
.footer-box ul.footer-ul li a{ color: #dbdbdb; text-transform: uppercase; padding: 0 0px; margin: 0; font-size: 14px; line-height: 25px; }
.footer-box ul.footer-ul li a:hover{ color: #00d252; } 

img.futter-ser{ width:100%;}
.footer-box p{text-align: center; color: #d5d5d5; font-family: 'Abel-Regular'; font-weight: normal; padding: 0 0 2px; font-style: italic; font-size: 17px; line-height: 26px; }
.footer-box p span{ display: block; }

footer ul.footer-socil {  padding: 0px; margin: 15px 0 0px; text-align: left; color: #1c9302; }
footer ul.footer-socil li{ list-style: none; display: block; }
footer ul.footer-socil li a{color: #d9d9d9;  padding: 2px 15px; margin: 0; font-size: 15px; line-height: 20px; display: inline-block; }
footer ul.footer-socil li a:hover{ color: #1c9302; } 

p.text-white{ background: #01142f; padding: 6px 0 8px; color: #fff; font-family: fangsong; font-weight: normal; margin: 20px 0 0 0; }
p.text-white a{ color: #1c9302; font-family: 'Abel-Regular'; font-weight: bold; }
p.text-white a:hover{  font-style: italic; }   
.map-foot{    width: 100%; height:250px; overflow: hidden; padding: 0; border: 10px solid #c2c2c2; background: rgb(24 6 5 / 65%); opacity: 1; margin:0px 0 0; }
.map-foot:hover{ opacity: 0.9;  }  
.map-foot iframe{     width: 100%; height: 250px; margin: 0; padding: 0; border: none;  }


/*INNER bANNER*/
.banner-inner{ position: relative; width: 100%; padding: 0 0; margin: 0 0; }
img.inner-banner-img{ width:100%; height: auto; }

/*about-inner*/
.about-inner{  position: relative; width:100%; padding:0px 0; margin:0 0;background:#eaeaea;  background:#fff; }
.about-inner .ab-inner-text{ position: relative; width:100%; padding:0px 0 0; margin:0 0;  }
.about-inner .ab-inner-text h2{ font-family: 'Changa One', cursive; text-align: center; font-size: 40px; line-height: 60px; padding: 20px 0 10px; margin: 0; }
.about-inner .ab-inner-text h3{ font-family: 'Montserrat', sans-serif; padding: 0 90px 20px; margin: 0 0; font-size: 25px; line-height: 40px; color: #000; text-align: center; }
.about-inner .ab-inner-text p{ text-align: justify; font-size: 15px; line-height: 26px; color: #000; font-family: 'Montserrat', sans-serif; padding: 0 0 20px; margin: 0; }
.about-inner .ab-inner-text a{ font-family: 'Montserrat', sans-serif; background: #428e36; padding: 8px 20px; margin: 15px 0 0; display: inline-block; color: #fff; border: 2px solid #2db318; }
.about-inner .ab-right-img{ position: relative; width:100%; padding:0px 0; margin:0 0;  }
.about-inner .ab-right-img img{ width:100%; }

img.ab-banner-inn{ width: 100%; padding: 0; border-top: 1px dotted #4f9e43; margin: 30px 0 50px; }

/*inn-about*/
.inn-about{ position: relative; width: 100%; padding: 0 0px 60px; margin: 0 0; background: #fff; overflow: hidden; }
.inn-about h2{padding: 0 0 5px; margin: 0 0; font-size: 30px; line-height: 60px; color: #050510; text-align: center; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;}
.inn-about p{     text-align: center; padding: 0 10%; color: #504a4a; font-size: 15px; line-height: 23px; font-style: italic; }
.inn-about .ab-inn-box-img{ position: relative; width: 100%;text-align: center;}
.inn-about .ab-inn-box-img img{ width: 60%;}
.inn-about .ab-inn-box-text{position: relative; width: 100%; padding: 0 0 0 50px; }
.inn-about .ab-inn-box-text h5{ color: #050510de; font-weight: bold; padding: 30px 0 0 0; margin: 0; font-size: 18px; line-height: 30px; text-transform: uppercase; }
.inn-about .ab-inn-box-text h6{ margin: 0; padding: 10px 0 50px; font-size: 15px; color: #000; line-height: 25px; font-family: revert; letter-spacing: 1px; }


/*inn-inn-services*/
.inn-services{ position: relative; width: 100%; padding: 0 0px 60px; margin: 0 0; background: #fff; overflow: hidden; }
.inn-services h2{padding: 0 0 5px; margin: 0 0; font-size: 30px; line-height: 60px; color: #050510; text-align: center; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;}
.inn-services .services-inn-box { position: relative; width: 100%;  padding: 0 0 40px; }
.inn-services .services-inn-box img{     width: 70%; margin: 0 auto 20px; display: block; }
.inn-services .services-inn-box p{ text-align: left; padding: 10px 0 8px; color: #504a4a; font-size: 25px; line-height: 35px; font-style: italic;  }




/*properties*/
.properties{ position: relative; width: 100%; padding: 0 20px; margin: 0 0; background: #fff; overflow: hidden; }
.properties h2{padding: 0 0 5px; margin: 0 0; font-size: 30px; line-height: 60px; color: #050510; text-align: center; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;}

.properties h4{position: relative; padding: 4px 20px; margin: 10px 0 15px 15px; font-size: 20px; line-height: 40px; color: #fff; text-align: left; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; background: #e6e6e670; background-image: none; display: inline-block; border: 2px solid #00f03d; background-image: linear-gradient(to right, rgb(0, 255, 100), rgb(2, 147, 38)); width: 20%; z-index: 1; }
.properties h4:after{ position: absolute; content: ""; width: 495%; height: 2px; background: #02d237; top: 25px; left: 260px; z-index: 99;}

.properties .item-properties {position: relative; width: 100%; border: 2px solid #02d237; padding: 6px; margin: 0; }
.properties .item-image { display: block; width: 100%; height: auto; }
.properties .item-overlay { position: absolute; bottom: 0; left: 0; right: 0; background-color: #029427d6; overflow: hidden; width: 100%; height: 0; transition: .5s ease; }
.properties .item-properties:hover .item-overlay { height: 100%; }
.properties .text { width: 100%; color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }
.properties .text h5{ color: white; font-size: 15px; text-transform: uppercase; font-weight: bold; line-height: 20px; padding: 0 0 10px; margin: 0; }
.properties .text p{ color: white; font-size: 12px; line-height: 20px; }
.properties .text a{ background: #000000e6; color: #029427; font-size: 14px; line-height: 20px; padding: 5px 10px; text-transform: uppercase; font-weight: bold; margin: 5px 0 0; display: inline-block; }

.properties .gallery-box{ position: relative; width: 100%; margin: 0; float: left; height: 450px; overflow: hidden; -webkit-filter: grayscale(0%); filter: grayscale(0%); border: 1px solid #bdc1be; padding: 5px; }
.properties .gallery-box img.pho-gall { width: 100%; height: 310px; }
.properties .gallery-box .view-caption { position: absolute; top:-140%; width: 97%; text-align: center; padding:130px 0 0 0; -webkit-transition: .5s all; -moz-transition: .5s all; transition: .5s all; background: rgba(0, 0, 0, 0.82); background: #029427d6;}
.properties .gallery-box:hover .view-caption { top: 1%; height:70%; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.properties .gallery-box .view-caption p {border: 1px solid #d00034; width: 50%; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 100; letter-spacing: 0; line-height: 18px; text-decoration: none; text-shadow: none; background: #000000; padding: 9px 15px; color: #fff !important; margin: 25px auto 0; text-transform: uppercase; }
.properties .text-g { width: 100%; color: #000; font-size: 20px; position: relative;   text-align: center; }
.properties .text-g h5{ color: #424141; font-size: 15px; text-transform: uppercase; font-weight: bold; line-height: 20px; padding: 10px 0 5px; margin: 0; font-family: revert; }
.properties .text-g p{color: #000000ad; font-size: 14px; line-height: 23px; padding: 0; margin: 5px 0 0 0; text-align: center; font-style: italic; }
.properties .text-g a{ background: #000000e6; color: #029427; font-size: 14px; line-height: 20px; padding: 5px 10px; text-transform: uppercase; font-weight: bold; margin: 5px 0 0; display: inline-block; }



/*about-objectives*/
.about-objectives{  position: relative; width:100%; padding:0px 0; margin:0 0; }
.about-objectives .objectives-text{  position: relative; width:100%; padding:0px 0; margin:0 0; }
.about-objectives .objectives-text h4{ font-family: 'Changa One', cursive; padding: 10px 15px; margin: 0 0 20px; font-size: 20px; color: #fff; background: #509c44; text-transform: uppercase; letter-spacing: 1px; }
.about-objectives .objectives-text ul{ padding: 0 0; margin: 0 0; }
.about-objectives .objectives-text ul li{ text-align: justify; font-family: 'Montserrat', sans-serif; padding: 0 0; margin: 0 0 10px 15px; font-size: 14px; color: #000; line-height: 25px; }
.about-objectives .objectives-text ul li span{ text-align: right; float: right; font-weight: bold; font-size: 13px; line-height: 16px; color: #575454; }
.about-objectives .objectives-text h5{ padding: 7px 15px; margin: 0 0 10px; font-size: 15px; color: #444; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; }








    
/*RESPONSIV*/
@media(max-width:1025px)
{
    /*12.9 I_PAD \ chak 1000*/
    .top-header .phone a { color: #fff; font-size: 12px; line-height: 20px;}
    .top-header .s-icon ul li { list-style: mno; display: inline-block; margin: 0 0px; padding: 0; }  
    .button-header .navigation { padding: 0 0; margin: 9px 0 0;}
    .about img.ab-bg { width: 90%; }
    .about .tex h1 { color: #fff; font-size: 30px;}
    .about .tex h3 { color: #fff; font-size: 16px; line-height: 25px; margin: 5px 0 0; padding: 0; font-family: arial; }
    .about .about-box-text { position: absolute; content: ""; top: 50px;}
    .about .img-box img { text-align: center; width: 70%; }
    .deals .img-box .img-box-text h3 { font-size: 11px; line-height: 15px; }
    .deals .img-box { position: relative; display: inline-block; width: 100%; height: 260px;}
    .l-l-post .l-l-post-text .text { width: 60%; margin: 80px 0 0 80px; background: #ffffffb0; padding: 30px 0; }
    .r-r-post .r-r-post-text .text { width: 70%; margin: 50px 0 0 20px; background: #ffffffb0; padding: 30px 30px; }
    .r-r-post .r-r-post-text .text p { text-align: justify; padding: 0; font-size: 14px; line-height: 25px; color: #000000ad; } 
    .r-r-post .r-r-post-text .text h2 { padding: 0; margin: 0; color: #3b3838; font-size: 18px; text-transform: uppercase; font-weight: bold; }
    footer ul.footer-socil li a { color: #d9d9d9; text-transform: capitalize; padding: 2px 10px; margin: 0; font-size: 12px;}
    .footer-box ul.footer-ul li a { font-size: 11px; line-height: 20px; }
    .footer-box h3 { margin: 0 0 20px; text-align: left; color: #2fd900; font-weight: bold; text-transform: uppercase; font-size: 16px; border-bottom: 1px dotted #2fd900; padding: 0 0 10px; }
    
.properties h4 { position: relative; padding: 4px 5px; margin: 10px 0 12px 10px; font-size: 15px; line-height: 30px;}
.properties .gallery-box .view-caption p { border: 1px solid #d00034; width: 80%;}
.properties h4::after { position: absolute; content: ""; width: 400%; height: 2px; background: #02d237; top: 20px; left: 190px; z-index: 99; }
.properties h2 { padding: 10px 0 5px; margin: 0 0; font-size: 20px; line-height: 40px;}
  
.courses-book { position: relative; width: 100%; overflow: hidden; padding: 10px 0px;}
.courses-book h2 { padding: 10px 0 5px; margin: 0 0; font-size: 25px; line-height: 40px; text-transform: uppercase; letter-spacing: 0; }  
.courses-book ul li { width: 100%; padding: 0 0 4px 5px; font-family: 'Abel-Regular'; font-size: 15px; line-height: 30px; font-family: system-ui; color: #022e18; }
.courses-book h6 { padding: 10px 5px; color: #040404; text-align: center; font-size: 12px; }
.courses-book .book-box h3 { PADDING: 6px 0 5px; MARGIN: 0; font-size: 11px; font-weight: bold; color: #000; line-height: 20px; }
.courses-book .book-box p { font-family: revert; text-align: left; font-size: 9px; padding: 0 5px 0 0; line-height: 14px; color: #000000ba; }
.courses-book ul p { text-align: justify; font-size: 14px; line-height: 23px;}
.courses-book ul li { font-family: 'Abel-Regular'; font-size: 13px; line-height: 20px;}

.inn-services h2 { padding: 10px 0 5px; margin: 0 0; font-size: 25px; line-height: 40px; text-transform: uppercase; letter-spacing: 0; }  
.inn-services .services-inn-box p { text-align: justify; padding: 5px 0 8px; color: #504a4a; font-size: 20px; line-height: 30px; font-style: italic; }
.footer-box { width: 90%; height: 220px; overflow: hidden; margin: 0 0 10px; border-radius: 5px; }

.inn-about h2 { padding: 10px 0 5px; margin: 0 0; font-size: 25px; line-height: 40px; text-transform: uppercase; letter-spacing: 0; }  
.inn-blog .blog-big-box .blog-big-box-text h5 { font-size: 12px; color: #505055; margin: 10px 0 0; text-transform: uppercase; padding: 0; line-height: 19px; }
.inn-blog .blog-big-box .blog-big-box-text a {font-size: 20px;color: #000000CF;font-weight: 500;line-height: 30px;font-family: unset;padding: 5px 0 0;display: block; }
.inn-blog .blog-box a { font-size: 12px; color: #1D1D1F; font-weight: 500; line-height: 20px;}
.inn-blog .blog-box h5 { font-size: 10px; color: #76767B; margin: 10px 0 4px;}
ul.media-sharing-button li { width: 30px; float: left; list-style: none; padding: 3px 5px; margin: 0 10px 0 0; background: #fff; overflow: hidden; height: 30px;}

.single-blog { position: relative; width: 100%; overflow: hidden; padding: 10px 0px; margin: 0; background: #fff; }
.single-blog h2 { padding: 10px 0 5px; margin: 0 0; font-size: 25px; line-height: 40px; text-transform: uppercase; letter-spacing: 0; }  
.single-blog .blog-big-box-single p { font-size: 13px; color: #000000C4; font-weight: 500; line-height: 25px;}
.single-blog .blog-big-box-single h5 { font-size: 18px; color: #000; margin: 15px 0 10px; text-transform: uppercase; padding: 0; }
.single-blog .blog-box-single-right h5 { font-size: 11px; color: #474748; margin: 10px 0 4px; text-transform: uppercase; padding: 0; }
.single-blog .blog-box-single-right a { font-size: 13px; color: #1D1D1F; font-weight: 500; line-height: 20px;}
ul.media-sharing-button-single li a { font-size: 14px; color: #041e42; line-height: 15px; font-family: revert; display: block; padding: 5px 0 0 0; }
  
.inn-contact ul li span i { border-radius: 50%; height: 50px; width: 50px; border: 3px solid #119d59; text-align: center; margin-right: 10px; display: block; font-size: 20px; line-height: 40px; padding: 2px 0 0 0; color: #fff; background: #066838; } 
.inn-contact ul li a { font-size: 10px; line-height: 20px;} 
  
  
}   
    
    
@media(max-width:850px)
{
    /*chek I_PAD \ 810*/
    .top-header .phone a { color: #fff; font-size: 10px; line-height: 20px; }
    .top-header .phone a span { padding: 0 0 0 5px; margin: 0; }
    img.logo-home { width: 60%; } 
    .banner .banner-dec .banner-dec-text { width: 100%; background: #000000ab; display: inline-block; padding: 35px 0 25px; margin: 100px auto 0; }
    .about .img-box img { text-align: center; width: 50%; }
    .about .tex h1 { color: #fff; font-size: 20px; line-height: 30px; } 
    .about .tex h3 { color: #fff; font-size: 12px; line-height: 20px; }
    .deals h2 { font-size: 20px; line-height: 30px; }
    .deals .img-box .img-box-text h3 { font-size: 10px; line-height: 10px; }
    .deals .img-box .img-box-text{ width: 100%; padding: 6px 6px; }  
    .deals .img-box { position: relative; display: inline-block; width: 100%; height: 190px; }
    a.view{ width:20%;}
    .deals h6 { background: #1abb0b; text-align: center; width: 60%; }
    .r-r-post .r-r-post-text .text { width: 60%; margin: 50px 0 0 20px; background: #ffffffb0; padding: 30px 30px; float: right; }
    .footer-box { width: 100%; height: 200px; overflow: hidden; margin: 0 0 10px; border-radius: 5px; }
    footer ul.footer-socil li a { color: #d9d9d9; text-transform: capitalize; padding: 2px 5px; margin: 0; font-size: 11px; }
    footer ul.footer-socil li i{ font-size: 10px; } 
    .footer-box iframe{border-radius: 5px; width: 100%; height: 150px !important;}
  
  
.properties h4 { position: relative; padding: 4px 5px; margin: 10px 0 12px 10px; font-size: 12px; line-height: 30px; letter-spacing: 0; font-weight: bold; }
.properties h4::after { position: absolute; content: ""; width: 400%; height: 2px; background: #02d237; top: 20px; left: 150px; z-index: 99; }
.properties .gallery-box img.pho-gall { width: 100%; height: 180px; } 
.properties .text-g h5 { color: #424141; font-size: 12px; text-transform: uppercase; font-weight: bold; line-height: 15px;}
.properties .text-g p { color: #000000ad; font-size: 11px; line-height: 18px;}
.properties .gallery-box { position: relative; width: 100%; margin: 0; float: left; height: 300px;}

.inn-about .ab-inn-box-text h6 { margin: 0; padding: 10px 0 20px; font-size: 10px; color: #000; line-height: 20px;}
.inn-about .ab-inn-box-img img { width: 50%; }
.inn-about .ab-inn-box-text h5 { color: #050510de; font-weight: bold; padding: 20px 0 0 0; margin: 0; font-size: 14px;}
.inn-about .ab-inn-box-text { position: relative; width: 100%; padding: 0 0 0 50px; font-size: 12px; line-height: 20px; }
  
.single-blog .blog-big-box-single h5 { font-size: 15px; color: #000; margin: 10px 0 10px; text-transform: uppercase; padding: 0; }

.inn-contact ul li span i { border-radius: 50%; height: 30px; width: 30px; border: 2px solid #119d59; text-align: center; margin-right: 10px; display: block; font-size: 15px; line-height: 26px; padding: 0px 0 0 0;}
.inn-contact .con-map h3 span { display: block; font-size: 11px; line-height: 15px;}
.inn-contact form .input-cont label { width: 100%; float: left; line-height: 18px; padding: 0; margin: 0; font-weight: bold; font-size: 12px;}

 
}
    
    
    
@media(max-width:770px)
{
    /*chek I_PAD \ 768*/  

.inn-about .ab-inn-box-text h6 { margin: 0; padding: 10px 0 20px; font-size: 10px; color: #000; line-height: 20px;}
.inn-about .ab-inn-box-img img { width: 50%; }
.inn-about .ab-inn-box-text h5 { color: #050510de; font-weight: bold; padding: 20px 0 0 0; margin: 0; font-size: 14px;}
.inn-about .ab-inn-box-text { position: relative; width: 100%; padding: 0 0 0 50px; font-size: 12px; line-height: 20px; }
  
.single-blog .blog-big-box-single h5 { font-size: 15px; color: #000; margin: 10px 0 10px; text-transform: uppercase; padding: 0; }

.inn-contact ul li span i { border-radius: 50%; height: 30px; width: 30px; border: 2px solid #119d59; text-align: center; margin-right: 10px; display: block; font-size: 15px; line-height: 26px; padding: 0px 0 0 0;}
.inn-contact .con-map h3 span { display: block; font-size: 11px; line-height: 15px;}
.inn-contact form .input-cont label { width: 100%; float: left; line-height: 18px; padding: 0; margin: 0; font-weight: bold; font-size: 12px;}


}
   
 @media(max-width:600px)
{  
    /*chek MOB \ 500*/ 
.top-header .col-xs-4{ padding: 0px 0 0;}
.top-header .col-xs-3{ padding: 0px 0 0;}   
.banner .banner-dec .banner-dec-text h3 { text-align: center; margin: 0; padding: 10px 0 0; font-size: 17px; color: #fff; line-height: 20px;}  
.banner .banner-dec .banner-dec-text form .form-home label { width: 100%; display: block; text-align: left; color: #00ff7f; font-size: 12px;}
.deals h6 a{ color: #fff !important;} 
img.what_call { width: 90%; margin: 0 auto; text-align: center; display: block; }  



}  
@media(max-width:500px)
{
    /*chek MOB \ 480*/ 
.top-header .phone a i { display: none;}
.top-header .phone a { color: #fff; font-size: 8px; line-height: 20px; text-align: left; }
.top-header .s-icon ul li a { width: 18px; height: 18px; font-size: 10px; line-height: 15px; padding: 4px 0 0; }
.top-header { height: auto; padding: 0 0 2px; }
.banner img { width: 100%; height: 300px; }
.banner .banner-dec .banner-dec-text h3 { text-align: center; margin: 0; padding: 0 0 0; font-size: 15px; color: #fff; line-height: 20px; text-transform: uppercase; font-weight: bold; }
.banner .banner-dec .banner-dec-text h2 { font-size: 10px; color: #fff; line-height: 20px; }
.banner .banner-dec .banner-dec-text form .form-home label { width: 100%; display: block; text-align: left; color: #00ff7f; font-size: 10px; }
.banner .banner-dec .banner-dec-text form .form-home { width: 30%; float: left; text-align: center; margin: 0 auto; padding: 3px; }
.banner .banner-dec .banner-dec-text form { width: 100%; margin: 15px 0 0;}
.banner .banner-dec .banner-dec-text form .form-home input[type="text"] { background: #fff; width: 100%; display: block; padding: 10px 8px; border: 1px solid #7ad261; color: #000; font-size: 11px; line-height: 15px; margin: 0; }
.banner .banner-dec .banner-dec-text form .form-home select { background: #fff; width: 100%; display: block; padding: 7px 8px; border: 1px solid #7ad261; color: #000; font-size: 11px; line-height: 15px; margin: 0; }
.banner .banner-dec .banner-dec-text form .form-home input[type="submit"] { background: #7ad261; width: 80%; display: block; padding: 10px; border: 1px solid #f7fdf6; color: #fff; font-size: 12px; line-height: 14px; margin: 20px 0 0; text-transform: uppercase; font-weight: bold; }
.banner .banner-dec .banner-dec-text { width: 100%; background: #000000ab; display: inline-block; padding: 35px 0 25px; margin: 60px auto 0; }

.about { position: relative; display: inline-block; width: 100%; height: auto; padding: 25px 10px; margin: 0; }
.about .about-box-text { position: absolute; content: ""; top: 25px; }
.about .tex h1 { color: #fff; font-size: 15px; line-height: 20px; }
.about .tex h3 { color: #fff; font-size: 8px; line-height: 13px; }
.about .img-box img { text-align: center; width: 80%; margin: 10px 0 0; }

.deals h2 { font-size: 15px; line-height: 20px; }
.deals .img-box { position: relative; display: inline-block; width: 100%; height: 400px; }
.deals .img-box .img-box-text h3 { font-size: 15px; line-height: 22px; } 
a.view { width: 30%; margin: 20px auto; } 
.deals h6 { background: #1abb0b; text-align: center; width: 90%; }

.l-l-post .l-l-post-text .text { width: 90%; margin: 30px 0 0 20px; background: #202020b0; padding: 20px 0 20px 30px; }
.l-l-post .l-l-post-text .text h2 { padding: 0; margin: 0; color: #fff; font-size: 20px; text-transform: uppercase; font-weight: bold; }
.l-l-post .l-l-post-text .text p { text-align: justify; padding: 0 30px 0 0; font-size: 14px; line-height: 25px; color: #ffffffd4; }
.r-r-post .r-r-post-text .text { width: 90%; margin: 30px 0 0 20px; background: #202020b0; padding: 20px 0 20px 30px; }
.r-r-post .r-r-post-text .text h2 { padding: 0; margin: 0; color: #fff; font-size: 20px; text-transform: uppercase; font-weight: bold; }
.r-r-post .r-r-post-text .text p { text-align: justify; padding: 0 30px 0 0; font-size: 14px; line-height: 25px; color: #ffffffd4; }  
.r-r-post .r-r-post-text .text { width: 90%; margin: 80px 0 0 0; background: #202020b0; padding: 20px 0 20px 30px;}

.video-youtub .video-youtub-box { width: 90%; display: block; margin: 0 auto 60px; border: 10px solid #e6e6e6; } 

.inn-about h2 { padding: 10px 0 5px; margin: 0 0; font-size: 20px;} 
.inn-about .ab-inn-box-img img { width: 30%;  }
.inn-about .ab-inn-box-text h6 { margin: 0; padding: 10px 0 10px; font-size: 14px; color: #000; line-height: 30px; text-align: justify; }
.inn-about .ab-inn-box-text { position: relative; width: 100%; padding: 0 20px; font-size: 15px; line-height: 25px; }

.inn-contact ul { padding: 0 0; margin: 0 0; display: inline-block; }
.inn-contact ul li span { float: left; width: 20%; }
.inn-contact ul li a { font-size: 12px; line-height: 20px; }

.inn-blog { position: relative; width: 100%; overflow: hidden; padding: 10px 0px; margin: 0; background: #F5F5F7; }
.inn-blog .blog-big-box { width: 100%; background: #fff; padding: 0px; border-radius: 10px; margin: 0 auto; display: inline-block; }
.inn-blog .blog-big-box .blog-big-box-img { width: 60%; float: left; background: #fff; border: 10px solid #fff; height: 200px;}
.inn-blog .blog-big-box .blog-big-box-text { width: 40%; float: right; background: #fff; height: 200px; padding: 0 0px; margin: 0; }
.inn-blog .blog-big-box .blog-big-box-text a { font-size: 15px; color: #000; font-weight: 500; line-height: 25px; font-family: unset; padding: 5px 0 0; display: block; }
.inn-blog .blog-big-box .blog-big-box-text h5 { font-size: 10px; color: #505055; margin: 6px 0 0; text-transform: uppercase; padding: 0; line-height: 18px; }
.inn-blog .blog-box h5 { font-size: 12px; color: #525257; margin: 10px 0 5px; }
.inn-blog .blog-box a { font-size: 15px; color: #000; font-weight: 500; line-height: 25px; }
.inn-blog .blog-box a { font-size: 12px; color: #000; font-weight: 500; line-height: 20px; }
.inn-blog h2 { padding: 0 0 5px; margin: 0 0; font-size: 30px; line-height: 40px }

.properties h4 { position: relative; padding: 4px 5px; margin: 10px 0 12px 10px; font-size: 12px; line-height: 20px; letter-spacing: 0; font-weight: bold; width: 35%; }
.properties h4::after { position: absolute; content: ""; width: 180%; height: 2px; background: #02d237; top: 15px; left: 150px; z-index: 99; }

.courses-book .book-box img.courses-book-box-img { width: 35%; background: #fff; padding: 10px; float: left; }
.courses-book .book-box p { font-family: revert; text-align: left; font-size: 15px; padding: 0 5px 0 0; line-height: 25px; color: #000000ba; }
.courses-book .book-box h3 { PADDING: 15px 0 5px; MARGIN: 0; font-size: 15px; font-weight: bold; color: #000; line-height: 25px; }

.inn-services h2 { padding: 10px 0 5px; margin: 0 0; font-size: 20px; line-height: 50px; text-transform: uppercase; letter-spacing: 0; }
.inn-services .services-inn-box p { text-align: justify; padding: 0 50px; color: #504a4a; font-size: 16px; line-height: 25px; font-style: italic; }
.inn-services { position: relative; width: 100%; padding: 0 0px 0px; margin: 0 0; background: #fff; overflow: hidden; }

.footer-box { width: 100%; height: 250px; overflow: hidden; margin: 0 0 10px; border-radius: 5px; }
footer ul.footer-socil li a { color: #d9d9d9; text-transform: capitalize; padding: 2px 5px; margin: 0; font-size: 13px; }
footer ul.footer-socil li i { font-size: 15px; margin: 0 5px 0 0; }
.footer-box ul.footer-ul li a { font-size: 13px; line-height: 25px; }
.footer-box img.foot-img { width: 55%; display: block; margin: 0 0 10px; padding: 0; }
  
.bg-row{   background: #e1e1e1; } 
}




@media(max-width:420px)
{
    /*chek MOB \ 400*/
.banner .banner-dec .banner-dec-text h3 { text-align: center; margin: 0; padding: 0 0 0; font-size: 13px; }
img.logo-home { width: 90%; } 
.banner .banner-dec .banner-dec-text form .form-home { width: 30%; float: left; text-align: center; margin: 0 0 0 9px !important; padding: 3px; }
.about img.ab-bg { width: 100%;height: 190px; }
.about .tex h1 { color: #fff; font-size: 18px; line-height: 25px; padding: 10px 0 0; }
.about .tex h3 { color: #fff; font-size: 10px; line-height: 15px; text-align: justify; }
.about .img-box img { text-align: center; width: 100%; margin: 50px 0 0; }
.about-box-text .col-xs-4{ padding:0;}  
.deals h6 { background: #1abb0b; text-align: center; width: 100%; font-size: 12px; text-transform: uppercase; }
.r-r-post .r-r-post-text .text h2 { font-size: 17px; }
.box-text { position: relative; width: 100%; padding: 0 20px; font-size: 16px; line-height: 27px; text-align: justify; font-family: revert; }
.box-text h5 { color: #050510de; font-weight: bold; padding: 10px 0 10px 0; margin: 0; font-size: 17px; line-height: 30px; }
.inn-about .ab-inn-box-img img { width: 50%; margin: 0 0 30px; }
.inn-contact ul li a { font-size: 10px; line-height: 13px; }
.inn-blog .blog-big-box .blog-big-box-text a { font-size: 12px; color: #000; font-weight: 500; line-height: 20px; }
.inn-blog .blog-big-box .blog-big-box-img { width: 60%; float: left; background: #fff; border: 10px solid #fff; height: 150px; margin: 0 0 30px; }
.inn-blog .blog-big-box .blog-big-box-text { width: 40%; float: right; background: #fff; height: 140px; padding: 0 0px; margin: 0 0 30px; }
.inn-blog .blog-box a { font-size: 15px; color: #000; font-weight: 500; line-height: 24px; }
.single-blog .blog-big-box-single h5 { font-size: 14px; color: #000; margin: 10px 0 10px; text-transform: uppercase; padding: 0; line-height: 22px; }
.properties h4 { width: 40%; }
.properties h4::after { position: absolute; content: ""; width: 140%; height: 2px; background: #02d237; top: 15px; left: 140px; z-index: 99; }
.properties .text-g h5 { color: #424141; font-size: 11px; text-transform: uppercase; font-weight: bold; line-height: 12px; }
.courses-book h2 { padding: 10px 0 5px; margin: 0 0; font-size: 20px; line-height: 30px;}
.courses-book ul li { font-family: 'Abel-Regular'; font-size: 15px; line-height: 29px; }
.courses-book ul p { text-align: justify; font-size: 16px; line-height: 26px; }
.courses-book ul li { font-family: 'Abel-Regular'; font-size: 14px; line-height: 30px; }
.courses-book h6 { padding: 20px 5px 10px; color: #040404; text-align: center; font-size: 10px; }
.courses-book .book-box p { font-family: revert; text-align: left; font-size: 13px; padding: 0 5px 0 0; line-height: 22px; color: #000000ba;}
  
.inn-services h2 { padding: 10px 0 5px; margin: 0 0; font-size: 17px; line-height: 40px;}
.top-header .phone a span { padding: 0; margin: 0; }
.top-header .col-xs-3{ padding:0;}
.top-header .phone { padding: 0; margin: 0; text-align: left; }


}


@media(max-width:385px)
{
    /*chek MOB \ 370*/
.deals .img-box {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 390px; }
.video-youtub h1 {
  text-align: center;
  margin: 0;
  padding: 5px 0 20px;
  font-size: 20px;
  line-height: 30px;}   
.inn-about .ab-inn-box-text {
  position: relative;
  width: 100%;
  padding: 0 20px;
  font-size: 15px;
  line-height: 25px;
  text-align: justify;
  color: #000;}
.inn-contact ul li {
  list-style: none;
  padding: 0 0;
  margin: 0 0 10px;
  width: 100%;
  display: block;
  float: left; }
.inn-contact ul li span {
  float: left;
  width: 15%; }
.inn-contact ul li a {
  font-size: 12px;
  line-height: 15px; }
.inn-blog .blog-big-box .blog-big-box-text h5 {
  font-size: 8px;
  color: #505055;
  margin: 6px 0 0;
  text-transform: uppercase;
  padding: 0;
  line-height: 15px; }
.inn-blog .blog-big-box .blog-big-box-text a {
  font-size: 11px;
  color: #000;
  font-weight: 500;
  line-height: 20px; }
.inn-blog .blog-big-box .blog-big-box-text h6 {
  font-size: 14px;
  color: #ff0000ab;
  margin: 15px 0 15px;
  font-weight: bold;
  font-style: italic; }
.properties .gallery-box .view-caption p {
  border: 1px solid #d00034;
  width: 90%;
  font-size: 11px; } 
.properties h4::after {top: 15px;
left: 130px;
z-index: 99;} 
.properties .text-g p {
  color: #000000ad;
  font-size: 9px;
  line-height: 14px;
  margin: 3px 0 0 0; }
.courses-book h6 span {
  display: block;
  font-size: 8px;
  line-height: 20px;
  padding: 4px 0 0; }
img.what_call { width: 100%; margin: 0 auto; text-align: center; display: block; } 
}


@media(max-width:360px)
{
    /*chek MOB \ 350*/
.top-header .col-xs-4{ padding:0;}
.top-header .col-xs-3{ padding:0;}
.banner .banner-dec .banner-dec-text form .form-home label {width: 100%;display: block;text-align: left;color: #00ff7f;font-size: 9px; }
.banner .banner-dec .banner-dec-text h3 {text-align: center;margin: 0;padding: 0 0 0;font-size: 12px; }
.about .tex h1 {color: #fff;font-size: 13px;line-height: 25px;padding: 10px 0 0; }
.about .img-box img {text-align: center;width: 100%;margin: 30px 0 0; }
.l-l-post .l-l-post-text .text h2 {padding: 0;margin: 0;color: #fff;font-size: 18px;}
.l-l-post .l-l-post-text .text h3 {padding: 6px 0 15px 0;margin: 0;color: #1abb0b;font-style: italic;font-size: 15px;line-height: 25px; }
.r-r-post .r-r-post-text .text h2 {font-size: 15px; }
.r-r-post .r-r-post-text .text p {text-align: justify;padding: 0 30px 0 0;font-size: 13px;line-height: 22px;color: #ffffffd4; }
.courses-book h6 {padding: 20px 5px 10px;color: #040404;text-align: center;font-size: 9px; }
.courses-book .book-box p {font-family: revert;text-align: left;font-size: 11px;padding: 0 5px 0 0;line-height: 20px;color: #000000ba;}

.courses-book .book-box h3 {
PADDING: 15px 0 5px;MARGIN: 0;font-size: 13px;font-weight: bold;color: #000;line-height: 22px; }
.inn-services .services-inn-box p {text-align: justify;padding: 0 50px;color: #4f4949;font-size: 14px;line-height: 25px;font-style: italic;}
  
}  
  
@media(max-width:340px)
{
    /*chek MOB \ 310*/  
.top-header .col-xs-5{ padding: 0 0px 0 0;}
.banner .banner-dec .banner-dec-text h3 { text-align: center; margin: 0; padding: 0 0 0; font-size: 10px; }
.banner .banner-dec .banner-dec-text form .form-home label{ font-size: 9px; }
.banner .banner-dec .banner-dec-text form .form-home { width: 33%; float: left; text-align: center; margin: 0 0 0 0px !important; padding: 3px; }
.banner .banner-dec .banner-dec-text form .form-home select { background: #fff; width: 100%; display: block; padding: 1px 1px; border: 1px solid #7ad261; color: #000; font-size: 8px; line-height: 11px; margin: 0; }
.banner .banner-dec .banner-dec-text form .form-home input[type="text"]{ background: #fff; width: 100%; display: block; padding: 1px 1px; border: 1px solid #7ad261; color: #000; font-size: 8px; line-height: 11px; margin: 0; }
.banner .banner-dec .banner-dec-text form .form-home input[type="submit"]{margin: 16px 0 0;}
a.view { width: 50%; margin: 20px auto; }
.deals h6{ font-size: 8px;}
.l-l-post .l-l-post-text .text h3 { padding: 6px 0 15px 0; margin: 0; color: #1abb0b; font-style: italic; font-size: 11px; line-height: 15px; }
.deals h6 a{ color: #fff !important;}
.r-r-post .r-r-post-text .text h2 {font-size: 12px; }
.deals h2 { font-size: 12px; line-height: 20px; }
.about { position: relative; display: inline-block; width: 100%; height: auto; padding: 10px 10px;}

}