/*
Theme Name: TBSU web
Theme URI: http://www.ritthemes.com/
Description: enor is a modern three-column blog theme. A responsive layout optimizes the theme for mobile devices like tablet pcs and modern smartphones (the layout switches to a two- or one-column layout depending on the screen size the theme is viewed on). To make your blog post more flexible you can use different kinds of post formats such as gallery, image, video, aside, link or quotes. To customize the theme you can choose your own background, link color, logo and header image. Yoko also comes with a custom social links widget and shortcodes for text columns, info boxes and highlighted text.
Author: Gaurav
Author URI: http://www.ritthemes.com/
Version: 1.0.5
Tags: light, three-columns, right-sidebar, flexible-width, custom-colors, custom-header, custom-background, custom-menu, theme-options, threaded-comments, sticky-post, translation-ready
License: GNU/GPL Version 2 or later
License URI: http://www.gnu.org/licenses/gpl.html
*/    
body{background:#f5f7f7 !important;}
a{color:#61a200;}
.alignleft, img.alignleft {	margin-right: 1.5em;display: inline;float: left;}
.alignright, img.alignright {margin-left: 1.5em;display: inline;float: right;}
.aligncenter, img.aligncenter {margin-right: auto;margin-left: auto;display: block;clear: both;}
.main-bg{background:#fff url(img/banner.jpg) no-repeat top left; /*width:1170px;*/ margin:0 auto; padding-bottom:0px; min-height:500px; }
.main-bg1{background:#333333 url(img/bg-head.jpg) no-repeat top left; /*width:1170px;*/ margin:0 auto; padding-bottom:20px; }
.inner-wrap{padding:0px 20px;}
.logo-lp{margin-top:5px; margin-left: 0px;float:left;}
.phone-head{background:url(img/icon-phone.png) no-repeat left top; padding-left:40px; font-size:24px; font-weight:bold; color:#fff; float:right; margin-top:30px; margin-right:30px; line-height:25px;}
.phone-head span{font-size:14px; font-weight:normal; display:block; line-height:20px;  padding-top: 2px;}
.mail-head{background:url(img/icon-mail.png) no-repeat left top; padding-left:40px; font-size:24px; font-weight:bold; color:#fff; float:right;  margin-top:30px; line-height:25px;}
.mail-head span{font-size:14px; font-weight:normal; display:block; line-height:20px;  padding-top: 2px;}

.mobileonly{display:none}
.btn-call{background:#c7d144;background-image:-webkit-linear-gradient(top,#c7d144,#9ea90f);background-image:-moz-linear-gradient(top,#c7d144,#9ea90f);background-image:-ms-linear-gradient(top,#c7d144,#9ea90f);background-image:-o-linear-gradient(top,#c7d144,#9ea90f);background-image:linear-gradient(to bottom,#c7d144,#9ea90f);-webkit-box-shadow:0 1px 5px #414141;-moz-box-shadow:0px 1px 5px #414141;box-shadow:0px 1px 5px #414141;-webkit-border-radius:8;-moz-border-radius:8;border-radius:8px;font-family:'Open Sans',sans-serif;color:#fff;margin:20px auto;display:block;width:175px;font-size:24px!important;font-weight:700;padding:10px 30px!important;text-decoration:none}

.phonenumber{float:right; font-size:20px; color:#000;clear:both; margin-top: 15px; text-align: right;margin-right:20px;
background: url(./img/phone1.png) no-repeat top left; padding-left:40px;font-family: 'Open Sans', sans-serif; line-height:32px;
}
.header{ border-bottom: 1px solid #d6d6d6;background:#fff;}



.whitebg{background:#fff;}
.topright{color: #969ba1;float: right; font-family: "Roboto Condensed",sans-serif;}
.header-right-top { float: right; max-width: 475px; width: 100%;line-height: 1.7;}
.header-right-top .phoneN {float: right;margin: 0; max-width: 100%;}
.phoneNum{background:url("img/call_icon.png") no-repeat scroll 0 0;  margin: 0; padding: 0 0 0 30px;}
.header-right-top .social {float: right; max-width: 100%;}
.header-right-bottom{float: right; max-width: 340px; width: 100%; margin-top:10px;} 
.header-right-bottom .eMail {float: right;margin: 0; max-width: 100%;}
.emailID{background:url("img/mail_icon.png") no-repeat scroll 0 0;  margin: 0; padding: 0 0 0 30px;}
/* Add the following to your stylesheet */


#top-menu {
  color:#fff; font-size:16px; float:right; margin:0px 0px 10px 0px; padding:0px; position:relative;clear:both;
}
#top-menu ul {
}
#top-menu ul li {
  display:inline-block;margin-left: 5px;
  float:left;
  position:relative;  padding: 8px 0px 0px 0px;

}
#top-menu ul li a { display:inline-block;  color:#6f6f6f; font-size:14px; line-height:20px; text-transform:uppercase; font-weight:bold; line-height: 25px; padding:5px 10px;}
#top-menu li a:hover{background:#1d63a1 }
#top-menu ul li ul li a {
  width:158px;
}
#top-menu ul li.current-menu-item > a, #top-menu ul li:hover > a {
  color:#fff;background:#1d63a1; text-decoration:none;}
/*===>multi level menu */
#top-menu li ul {display:none;position:absolute;left:0; top: 43px;border:0px solid #ccc;z-index:300; margin-left:0px;background:#1d63a1;}
#top-menu li:hover > ul {display:block;}
#top-menu li ul ul {left:188px;top:10px;}
#top-menu li li{padding:0px; margin-left:0px;}
#top-menu li li a {border:0; color:#fff; font-weight:normal;width:158px;background:#1d63a1;}
#top-menu li li a:hover{background:#fff; color:#1d63a1; }
/*  HOME PAGE*/
 .entry-content h3 {
    background: url("img/dot_line.png") repeat-x scroll 1px center; color: #969ba1; float: left; font-size: 32px; max-width: 100%;
    text-align: center;  width: 100%;}
.entry-content h3 span { background: #fff none repeat scroll 0 0; padding: 0 15px;}

.bx-wrapper{max-width:98% !important;}
.tutorblock{width:100%; float:left; margin-top:30px;}
.tutorblock h3{font-size:36px; color:#202020; font-weight:bold; text-align:center; text-transform:uppercase; margin-top:0px;}
.tutorblock h4{font-size:20px; font-weight:600; color:#727272; text-align:center; margin-top:0px;}
ul.tutordiv{margin:0 auto; text-align:center; /*margin-top:30px;*/}
.tutordiv li{width:17%; background:#fff; margin-left:15px; display:inline-block; margin-bottom:20px; border:1px solid #ebeef0; list-style:none; min-height:150px;
-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.tutordiv li:first-child{margin-left:0px;}
.tutorSec{min-height:120px;}
.tutordiv h2{font-size:16px; font-weight:400; text-align:center; text-transform:uppercase; margin-top:0px; background:#5b9a00;
color:#fff;padding: 4px 0;line-height: 32px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;


}
.tutordiv .readmore{font-size: 14px;background: #5b9a00;color: #fff;padding: 5px 10px; text-decoration: none;}

.tutordiv p{font-size:16px; font-weight:400; line-height:24px; margin:10px 5px;}
.tutordiv img{margin: 0 auto; margin-top:0px;}

.talkbtn {
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: Arial;
  color: #bec6cc;
  font-size: 20px;
  background: #f9fbfb;
  padding: 10px 20px 10px 20px;
  border: solid #dbe1e5 2px;
  text-decoration: none;
  display:inline-block; margin:10px 0px 30px 0px;
}

.talkbtn:hover {
  background: #ffffff;
  text-decoration: none;
}

.noright{margin-right:0px;}
.iconcenter {}
.iconcenter img{display: block; width:75px; height:75px;}

.tutorlft{width:680px; float:left; margin-top:20px; margin-left: 40px;}
.tutorRgt{width:325px; float:right; margin-top:20px; margin-right: 40px;}

.hf{
  /*background:url("img/dot_line.png")repeat-x scroll 0px 35px rgba(0, 0, 0, 0);*/
  position: relative;
}
.hf::after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 9px;
  background: rgba(0,0,0,0.1);
} 
.tutorlft h5{color:#0a5496;font-size: 24px;font-weight: 400;letter-spacing: 0px;line-height: 21px;margin-bottom: 20px;margin-top:0px;text-transform:capitalize;}
.hf span {background:#fff;padding-right: 10px;}
.tutorbig{background:#fff; border:0px solid #d3d3d3; padding:0px; margin-bottom:20px;}
.tutorbig h2{color:#005582; font-size:22px; font-weight:bold; margin:0px;}
.tutorbig h4{color:#0a5496; font-size:16px; font-weight:normal; line-height:22px; margin:5px 0px;}
.tutorbig p{color:#585858; font-size:16px; font-weight:normal; line-height:24px;}
.tutorbig h5 { color: #00c7ff; font-size: 24px; font-weight: 400;    letter-spacing: 0; line-height: 21px; margin:15px 0px;text-transform: capitalize; padding-bottom:25px;}

.list4 li{
background:rgba(0, 0, 0, 0) url(img/blue-bg.png) no-repeat scroll left 8px;list-style: none!Important;
background-position: left 8px!important; font-size:16px; line-height:24px; color:#585858;
padding: 0 0 0 20px; margin: 0 0 6px;
}

.list5 li{
background:rgba(0, 0, 0, 0) url(img/tick.png) no-repeat scroll left 5px;list-style: none!Important;
background-position: left 5px!important; font-size:16px; line-height:24px; color:#585858;
padding: 0 0 0 25px; margin: 0 0 6px;
}



ul.hm-btn{margin-top:60px;}
.hm-btn li{list-style:none; display:block; margin-bottom:12px; min-height:45px;}
.btn1 {background: #be923b; color: #ffffff;font-size: 20px; padding:12px 10px;text-decoration: none; opacity: .7;filter: alpha(opacity=70); text-transform:uppercase; text-align:center; width:300px; float:left;}
.btn1:hover {background: #3cb0fd;text-decoration: none;color: #ffffff;}
.btn2 {background: #001ab0; color: #ffffff;font-size: 20px; padding:12px 10px;text-decoration: none; opacity: .7;filter: alpha(opacity=70); text-transform:uppercase; text-align:center; width:300px;  float:left;}	
.btn2:hover {background: #2b42c2;text-decoration: none;color: #ffffff;}
.btn3 {background: #009302; color: #ffffff;font-size: 20px; padding:12px 10px;text-decoration: none; opacity: .7;filter: alpha(opacity=70); text-transform:uppercase;text-align:center; width:300px;  float:left;}
.btn3:hover {background: #3eba40;text-decoration: none;color: #ffffff;}
.btn4 {background: #af0041; color: #ffffff;font-size: 20px; padding:12px 10px;text-decoration: none; opacity: .7;filter: alpha(opacity=70); text-transform:uppercase;text-align:center; width:300px;  float:left;}
.btn4:hover {background: #c3507b;text-decoration: none;color: #ffffff;}
.btn5 {background: #5e00b0; color: #ffffff;font-size: 20px; padding:12px 10px;text-decoration: none; opacity: .7;filter: alpha(opacity=70); text-transform:uppercase;text-align:center; width:300px;  float:left;}
.btn5:hover {background: #8a48c3;text-decoration: none;color: #ffffff;}

.slider{width:96%; margin-left:2%;}
.feature-wrap{background:#00c7ff; margin:0px 0px 20px 0px; font-size:26px; float:left; width:100%; padding:20px 0px;}
.feature-wrap p{float:left; color:#fff; padding-left:20px; line-height:30px;}
.feature-wrap span{font-family:"Giddyup Std"; color:#90ec05; font-size:40px; }
.get-free-consultation{float:right; margin-right:20px;}
.button_gfc{border:1px solid #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;padding: 20px 20px; text-decoration:none; display:inline-block;font-weight:bold; color: #FFFFFF;  font-size:22px; font-weight:600;text-transform:uppercase;}
.button_gfc:hover{border:1px solid #fff;background-color: #9b006b; color:#fff; text-decoration:none;}
.four-div h3{text-align:center; color:#00c7ff; font-size:18px; font-weight:600; text-transform:uppercase; margin-top:0px;}
.four-div img{margin:0 auto; text-align:center; border:8px #00c7ff solid; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; margin-left:8px; margin-right:8px;} 
.inner-txt{background:#fff; padding:15px; border:1px solid #d3d3d2; margin:30px 0px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.inner-txt h2{font-size:32px; color:#00c7ff; font-weight:bold; margin-top:10px; border-bottom:1px solid #dbdbdb; margin-bottom:10px; padding-bottom:10px;}
.inner-txt h2 span{color:#aa0000; font-weight:600;}
.inner-txt h4{font-size:22px; color:#585858; font-weight:300; line-height:30px; margin-top:30px;}
.inner-txt p{font-size:16px; color:#585858; font-weight:400; line-height:24px; margin:0px 0px 30px 0px;}
.featurepic{margin-top:20px; border:1px #bcbab3 solid; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; background:#fff; padding:15px;}
.featurepic img{}
.consultation-form{ margin:10px 0px 0px 0px; background: url(img/background-body.jpg) repeat;}
.consultation-inner label{color:#999;}
.consultation-form h2{ background:#5b9a00; font-size:20px; font-weight:600; margin:0px 0px 10px 0px; color:#fff; text-transform:uppercase; padding:6px 0px 6px 30px;}
.consultation-inner{padding:0px 20px;}
form{margin:0px !important;}
.consultation-form input[type="text"], textarea{border:1px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,ffffff+25 */
background: #ededed; /* Old browsers */
background: -moz-linear-gradient(top,  #ededed 0%, #ffffff 25%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ededed 0%,#ffffff 25%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ededed 0%,#ffffff 25%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
width:100%; padding:10px 0px; text-indent:10px;
}
.consultation-form input[type="submit"]{
text-align:center; padding:15px 0px; font-size:24px; font-weight:600; color:#fff; margin:0 auto; display:block; margin-top:10px;
border:0px;-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;
background: #ed7b00; width:189px;}
.consultation-form input[type="submit"]:hover{background:#3c6300; }
.consultation-form textarea{width:96% !important; height:45px !important;}
.footer-bg{ background:#263b4e url('img/footer-bg.jpg') repeat-x; margin:0 auto; color:#fff; line-height:25px; font-size:14px; padding:30px 0px 10px 0px;}
.footer-bg h2{color:#fff; font-size:38px; font-weight:bold;  margin-left:0px;  margin-bottom:20px;}
.footer-bg h3{color:#f5f7f7; font-size:24px; font-weight:600; margin: 0px 0px 10px 0px;}
.footer-bg h4{color:#f5f7f7; font-size:24px; font-weight:600; margin-left: 0px;}
.social-footer{margin-top:20px;}
.footer-contact h4{line-height:25px; font-size:14px; color:#8e8e8e; text-transform:uppercase;}
.footer-contact h3{line-height:35px; font-size:36px; color:#fff; text-transform:uppercase; font-weight:bold; margin-bottom:0px;}
.footer-bg p{line-height:28px; font-size:18px; color:#f4f4f4; margin-left:0px;}
.footer-bg ul{margin-left: 0px;}
.footer-bg li{list-style:none; line-height:24px; font-size:14px; color:#fff;}
.footer-bg li a{color:#fff; text-decoration:none;}
.footer-bg li a:hover{color:#222; text-decoration:underline;}
ul.footer-form{margin-top:20px;}
.footer-form li:first-child{margin-left:0px;}
.footer-form li{width:15.5%; float:left; margin-left:10px;}
.footer-form input[type="text"], .footer-form input[type="email"], .footer-form input[type="tel"]{border:1px solid #cccccc; 
background: #fff; /* Old browsers */ width:100%; padding:10px 0px; text-indent:10px;margin-left: 0px;
-webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px;
}
.footer-form input[type="submit"]{text-align:center; width:75%; padding:10px 0px; font-size:13px; font-weight:400; text-transform:uppercase; color:#fff; margin-left:0px; display:block; border:0px;background: #cd4117; /* Old browsers */

}

.copyright-txt{margin:0 auto; color:#f5f7f7; line-height:25px; font-size:14px; padding:10px 0px 10px 0px; text-align:center; text-transform:uppercase; border-top:1px solid #516271}
#huge_it_slideshow_right_2{background:url(img/arrows.simple1.png) right top no-repeat !important;width:43px !important;}
#huge_it_slideshow_left_2 {background:url(img/arrows.simple1.png) left top no-repeat !important;width:43px !important;}
.huge_it_slideshow_dots_thumbnails_2{bottom: 0 !important;}
.btn_reg {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #6fbd0a;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn_reg:hover {
  background: #169c02;
  text-decoration: none;
}
.form-bottom{display:block;}


.blog h2 {
    border-bottom: 1px solid #dbdbdb;
    color: #00c7ff;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
}
ul.blog-posts{margin:50px 0px 0px 0px;}
.blog-posts li{ border-bottom: 1px solid rgba(0, 0, 0, 0.15); list-style:none;
    clear: both;
    float: left;
    margin: 0 0 2rem;
    padding: 0 0 2rem;
    position: relative;
    width: 100%;}
.imgBlog {
    float: left;
    margin-right: 20px;
    width: 38%;
}
.box-details {
    float: left;
    width: 58%;
}
.box-details h2 {
    margin:0px 0px 10px 0px;line-height: 26px;
}
.box-details h2 a {
    color: #01addf;
    font-size: 22px;
    font-weight: 700;
    
    margin-bottom: 0.75rem;
}
.metaDec {margin-bottom:10px;}
.metaDec span{display:inline;font-style:italic;}
.quoteP {background: #f2f2f2 url("https://www.tutorcompany-edinburgh.co.uk/wp-content/uploads/2017/09/quotes.jpg") no-repeat scroll 15px 15px;color: #333; margin-top: 15px;padding: 10px 15px 10px 60px; font-size:16px; line-height:24px;}
.quoteP em {display: block;text-align: right;}
h4.quoteT{font-size:22px; color:#00c7ff;}
h5.qHead{font-size: 20px;color: #00c7ff;line-height: 22px;margin-bottom: 5px;}

ul.list2{margin:20px 0px 20px 30px;}
.list2 li{font-size: 16px;color: #585858;font-weight: 400;line-height:20px;margin: 0px 0px 10px 0px;}
.single_tutor_stl, .single_tutor_stl p {
	width: 100%;
	display: flow-root;
}
.mobileonly .btn-call img {
	max-width: 16px;
	padding: 2px 0 2px;
	margin-right: 0px;
	float: left;
}
.single_tutor_stl img {
	width: 160px;
	height: 160px;
	object-fit: cover;
	object-position: 50% 20%;
}
#top-menu ul {
	margin: 0;
	display: flow-root;
}
#top-menu ul li {
	margin-left: 4px;
}
#top-menu ul li a {
	font-size: 13px;
	padding: 5px 8px;
}
.single_tutor_stl {
	width: calc(33% - 20px);
	display: inline flow-root;
	margin: 10px 10px 10px;
	box-sizing: border-box;
	/*box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.2);*/
	vertical-align: top;
}
.sng_title {
	font-size: 16px;
	color: #585858;
	line-height: 24px;
	padding-top: 7px;
	width: 100%;
	float: left;
}
.single_tutor_stl .sng_img {
	padding-top: 100%;
	position: relative;
}
.single_tutor_stl img {
	/* display: block; */
	width: 100%;
	/* max-width: 100%; */
	/* height: 340px; */
	/* margin: 0; */
	/* padding-top: 56.25%; */
	/* position: relative; */
	position: absolute;
	top: 0;
	height: 100%;
}
.single_tutor_stl p, .single_tutor_stl strong {
	padding: 10px 20px 0px;
	width: 100%;
	box-sizing: border-box;
	float: left;
  text-align: justify;
}
.tutor_holder_stl {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
/*--------------------new css start 20-11-2020----------------*/
.header_menu_stl,.header_menu_inner {
    width: 100%;
    float: left;
    background: #01addf;
}
.header_menu_stl {
  background: #01addf;
  box-sizing: border-box;
  position: relative;
}
.header_menu_inner ul li {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
}
.header_menu_inner ul li ul {
    position: absolute;
    box-sizing: border-box;
}
.header_menu_inner ul {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    margin: 0;
    box-sizing: border-box;
}
.header_menu_inner ul li a {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 25px;
    padding: 12px 15px;
    /*margin-left: 10px;*/
    box-sizing: border-box;
    text-decoration: unset;   
}
.header_menu_inner ul li:first-child a{
  margin-left: 0px;
}
.header_menu_inner ul li ul {
    position: absolute;
    width: 200px;
    background: #fff;
    left: 0;
    bottom: 2px;
    transform: translateY(100%);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.4);
    box-sizing: border-box;
    display: none;
}
.header_menu_inner ul li ul li,.header_menu_inner ul li ul li a {
    width: 100%;
    float: left;
    box-sizing: border-box;
}
.header_menu_inner ul li ul li a {
    width: 100%;
    float: left !important;
    box-sizing: border-box;
    margin: 0;
    color: #6f6f6f;
}
.header_menu_inner ul li a:hover{
    background-color: #fff;
    color: #00c7ff;
}
.header_menu_inner ul li:hover ul {
    display: block;
}
.header_menu_inner ul li ul li a:hover{
    background-color: #00c7ff;
    color: #fff;
}
.header_top_slt {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
}
.header_top_slt .topright_stl {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: right;
}
.header_top_slt .topright_stl .phonenumber {
  margin: 0;
}
.header_top_slt .logo-lp{
  margin: 0;
}
.header_top_slt .logo-lp img {
    max-width: 250px;
    padding: 15px 0;
}
/*----------------------------meu css start-----------------------------*/
  .icon {
    position: absolute;
    top: 22px;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  .hamburger {
    width: 24px;
    height: 2px;
    background: #01addf;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: .5s;
  }
  .hamburger::before, .hamburger::after {
    content: '';
    position: absolute;
    width: 24px;
    height: 2px;
    background: #01addf;
    transition: .5s;
  }
  .hamburger::before {
    top: -8px;
  }
  .hamburger::after {
    top: 8px;
  }
  .icon.active .hamburger {
    background: rgba(0,0,0,0);
  }
  .icon.active .hamburger::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
  }
  .icon.active .hamburger::after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 0;
  }
  /*.menu_items {
    top: 76px;
    background: #192851;
    position: absolute;
    width: 100%;
    z-index: 9999;
    left: 0;
  }
  .menu_items ul {
    margin: 0;
  }
  .menu_items ul li {
    text-align: left;
    padding: 0;
    border-top: 1px solid rgba(255,255,255,0.2);
  }
  .menu_items ul li a {
    display: inline-block;
    margin: auto;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    font-weight: normal;
    padding: 10px 5%;
    color: #fff;
    font-family: ssr;
    width: 100%;
    text-align: left;
  }
  .menu_items .current-menu-item a {
    color: #dd8a00 !important;
  }*/
  .mobile_menu,.mobile_show {
    display: none;
  }
  .tutor_des {
  width: 100%;
  float: left;
}
.tutor_des .shw_hd {
  color: #00c7ff;
  width: 100%;
  float: left;
  padding-top: 5px;
  cursor: pointer;
}
/*.single_tutor_stl .tutor_des .short_txt_stl {
  display: none;
  height: 90px;
  transition: all 0.5s;
}*/
.single_tutor_stl .tutor_des .short_txt_stl.show_all{
  height: auto;
}
.tutor_des .short_txt_stl {
    width: 100%;
    min-height: 110px;
    max-height: 110px;
    float: left;
    overflow: hidden;
    margin: 0;
  }
/*----------------------------menu css end-----------------------------*/
.single_tutor_stl strong {
  color: #00c7ff;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 21px;
  text-transform: capitalize;
  margin: 5px 0;
}
.single_tutor_inner {
  width: 100%;
  float: left;
  box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.2);
  background: #fff;
}
.iconcenter {
  background: #01addf;
  border-radius: 100%;
  width: 90px;
  margin: 0 auto;
  display: inline-block;
  height: 90px;
  padding: 20px;
  box-sizing: border-box;
}
.iconcenter img {
  width: 100%;
  height: auto;
}
.tutordiv.subject_slider {
  width: 100%;
  float: left;
  font-size: 0;
  padding: 0 10px;
  box-sizing: border-box;
}
.tutordiv.subject_slider li.single_sbj {
  width: calc(25% - 16px);
  margin: 8px;
  box-sizing: border-box;
}
.tutordiv.subject_slider .slick-dots li {
  width: 10px;
  background: #666;
  margin-left: 0;
  display: inline-block;
  margin-bottom: 0;
  border: 0px;
  list-style: none;
  min-height: unset;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  height: 10px;
}
.tutordiv.subject_slider li button::before,.tutordiv.subject_slider .slick-next.slick-arrow::before,
.tutordiv.subject_slider .slick-prev.slick-arrow::before{
  display: none;
}
.tutordiv.subject_slider .slick-dots li.slick-active{
  background: #000;
}
.tutordiv.subject_slider .slick-prev.slick-arrow {
  left: -20px;
  background: url(./img/controls.png) no-repeat 2px -30px !important;
  background-position-x: 2px !important;
  /* background: #000 !important; */
  width: 32px;
  height: 32px;
}
.tutordiv.subject_slider .slick-next.slick-arrow {
  right: -20px;
  background: url(./img/controls.png) no-repeat -0px -30px !important;
  background-position-x: 0px !important;
  /* background: #000 !important; */
  width: 32px;
  height: 32px;
  background-position: -30PX -30px !important;
}
/*--------------------new css end 20-11-2020----------------*/

@media (min-width: 1201px) and (max-width: 1400px) {
/*.main-bg, .main-bg1{width:1200px;}*/

}

@media (min-width: 980px) and (max-width: 1200px) {
	.main-bg, .main-bg1{width:100%; }
	
	#top-menu ul li a{padding:5px 6px}
	#top-menu li ul ul {left: 175px;}
	.tutorlft{width: 530px;}
	.tutorRgt {width: 300px;}
	
	.tutordiv h2{font-size: 14px; font-weight: 400; margin: 0;}
	.footer-form input[type="submit"]{width:90%;}
	.bannerhm{max-width:1000px;}
	
	.responsiveSelectContainer ul, ul.responsiveSelectFullMenu, #megaMenu ul.megaMenu.responsiveSelectFullMenu {
		display: none !important;
	}
	.responsiveSelectContainer select.responsiveMenuSelect, select.responsiveMenuSelect { 
		display: inline-block !important; 
		width:100%;
	}
	.single_tutor_stl {
		width: calc(100% - 20px);
		max-width: calc(360px - 20px);
	}
	.tutor_holder_stl {
		justify-content: center;
	}
  .header_menu_inner ul li a {
    padding: 10px 10px;
  }
  .iconcenter {
    margin-top: 20px !important;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
	.main-bg, .footer-bg, .copyright-txt, .main-bg1{width:100%; }
	.get-free-consultation{display: block;float: none;  margin: 0 auto; text-align:center; margin:10px 0px;}
	.four-div h3{font-size: 14px;}
	.consultation-form input[type="submit"]{ width: 100%;}
	.consultation-form h2{font-size: 16px;
    padding: 6px 10px 6px 10px;
  }
	.footer-contact h3{font-size: 22px;}
	.phone-head, .mail-head{font-size: 18px;}
	#top-menu ul li a{padding:5px 10px}
	#top-menu li ul ul {left:150px;}
	.tutorlft{width: 90%;}
	.tutorRgt {width: 90%;  float: left;margin-right:0px;margin-left: 40px;}
	
	.tutordiv h2{font-size: 16px; font-weight: 400; margin: 0;}
	.tutordiv p{font-size: 13px;line-height: 18px;}
	.footer-form li{width:14%;}
	.footer-form input[type="submit"]{width:100%; font-size: 13px;}
	.footer-bg h3{font-size: 18px;}
	.tutorblock{margin-top: 5px;}
	.tutordiv{margin-top: 50px;}
	.topright{max-width: 375px;font-size: 14px;}
	.bannerhm{max-width:100%;}
	.box-details{width:50%}
	.topright.topright_stl {	max-width: 420px;}
	
	.responsiveSelectContainer ul, ul.responsiveSelectFullMenu, #megaMenu ul.megaMenu.responsiveSelectFullMenu {
		display: none !important;
	}
	.responsiveSelectContainer select.responsiveMenuSelect, select.responsiveMenuSelect { 
		display: inline-block !important; 
		width:100%;
	}
	.single_tutor_stl {
		width: calc(100% - 20px);
		max-width: calc(360px - 20px);
	}
	.tutor_holder_stl {
		justify-content: center;
	}
   /*--------------------new css start 20-11-2020----------------*/
  .header_top_slt .logo-lp img {
      max-width: 200px;
  }
  .header_menu_inner ul {
    width: 100%;
    float: left;
  }
  .header_menu_inner ul li {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,0.3);
  }
  .header_menu_inner ul li a {
    width: 100%;
    float: left;
    padding: 15px 5%;
  }
  .header_menu_inner ul li ul {
    position: static;
    width: 100%;
    background: #0198c3;
    left: 0;
    bottom: 0px;
    transform: unset;
    box-shadow: unset;
  }
  .header_menu_inner ul li ul li a {
    color: #fff;
  }
   .mobile_menu,.mobile_show {
    display: block;
  }
  .header_menu_inner.mobile_show{
    position: absolute;
    top: 0;
    z-index: 99;
  }
  .mobile_hide{
    display: none;
  }
  .header_top_slt .topright_stl {
    width: 100%;
    text-align: center;
    margin: 0;
  }
  .header_top_slt .topright_stl .mobileonly {
    text-align: center;
    width: 100%;
    float: left;
  }
  .header_top_slt .topright_stl .btn-call {
    border-radius: 3px;
    padding: 10px 12px !important;
    color: #fff;
    background: #01addf;
    text-transform: uppercase;
    font-size: 16px !important;
    display: inline-block;
    box-shadow: unset;
    float: unset;
    margin-top: 0;
    max-width: 130px;
  }
  .header_top_slt .topright_stl {
    align-items: center;
    padding: 0 20px 0 40px;
  }
  .icon {
    top: 50%;
    transform: translateY(-50%);
  }
  .header_top_slt {
    justify-content: unset;
  }
  .header_menu_inner ul li a:hover {
    background-color: #00c7ff;
    color: #fff;
    /* opacity: 0.8; */
  }
  .consultation-form .get_started_btn {
    font-size: 18px;
    max-width: 100%;
  }
  .iconcenter {
    margin-top: 20px !important;
  }
  /*--------------------new css end 20-11-2020----------------*/
}

@media (max-width: 767px) {
	.main-bg, .footer-bg, .copyright-txt, .main-bg1{width:100%; }
	.logo-lp{text-align: center;}
	.phone-head, .mail-head{display:none;}
	.get-free-consultation{display: block;float: none;  margin: 0 auto; text-align:center; margin:10px 0px; width:100%;}
	.button_gfc{ font-size: 18px;}
	.feature-wrap p{text-align:center; font-size:16px; padding-left:0px;}
	.four-div img{display: block;}
	.footer-bg h3, .footer-contact h4{padding-left:20px;}
	.footer-contact h4{color: #61a200;    font-size: 30px;    font-weight: 300;}
	.footer-bg p{padding:20px;}
	.footer-contact p{padding:5px 20px;}
	.footer-form input[type="text"], .footer-form input[type="email"], .footer-form input[type="tel"]{width:95%; margin-left:2.5%}
	.tutorlft{width: 90%; margin-left: 15px;}
	.tutorRgt {width: 90%;  float: left;margin-right:0px;margin-left: 15px;}
	.tutordiv { float: none; width: auto; margin-right:0px;}
	.tutordiv h2{font-size: 22px; font-weight: bold; margin: 0;}
	.footer-bg h2{padding-left: 20px;}
	
	.footer-form input[type="submit"]{margin-left: 2.5%;width: 95%;}
	.footer-bg ul{padding-left:20px;}
	.social-footer, .footer-bg h4{padding-left:20px;}
	.form-bottom{display:none;}
	.copyright-txt{text-align:center;}
	.tutordiv img {width:100%;}
	.topright{font-size: 13px;}
		.entry-content h3{font-size: 18px;}
	.iconcenter img{width:75px !important;}
	.tutordiv h2{ font-size: 16px;}
	
	.tutorbig h5{line-height:32px;}
	.hf{background:none;}
	.footer-bg h2{font-size: 20px; line-height:22px;}
	.footer-bg p{font-size: 14px; line-height:18px;}
	.footer-form li{ margin-left: 0;width: 100%;}
	.footer-bg .container{padding:15px 15px 0;}
	.footer-bg ul{padding-left:0px;}
	.footer-bg h3{padding-left:0px;font-size: 20px;}
	
	.tutordiv li{width:85%; margin-left: 0;}
	.phonenumber{display:none;}
	.topright {margin-right:3%;margin-top: 20px; width:93%;}
	#top-menu ul {margin: 0;}
	.mobileonly{display:block}
	.blog-posts li{float:none;}
	.box-details h2{margin-top:15px;}
	.imgBlog{float:none; width:100%}
	.box-details { float: none;width: 100%;}
	
	.single_tutor_stl {
		width: calc(100% - 20px);
		max-width: calc(360px - 20px);
	}
	.tutor_holder_stl {
		justify-content: center;
	}
	.page-template-page-sidebar-right .row:has(.consultation-form) {
		flex-direction: column-reverse;
		display: flex;
	}
	.page-template-page-sidebar-right .row:has(.consultation-form) .span8 .inner-txt {
		margin-top: 0px;
	}
  /*--------------------new css start 20-11-2020----------------*/
  .header_top_slt .logo-lp img {
      max-width: 200px;
  }
  .header_menu_inner ul {
    width: 100%;
    float: left;
  }
  .header_menu_inner ul li {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,0.3);
  }
  .header_menu_inner ul li a {
    width: 100%;
    float: left;
    padding: 15px 5%;
  }
  .header_menu_inner ul li ul {
    position: static;
    width: 100%;
    background: #0198c3;
    left: 0;
    bottom: 0px;
    transform: unset;
    box-shadow: unset;
  }
  .header_menu_inner ul li ul li a {
    color: #fff;
  }
   .mobile_menu,.mobile_show {
    display: block;
  }
  .header_menu_inner.mobile_show{
    position: absolute;
    top: 0;
    z-index: 99;
  }
  .mobile_hide{
    display: none;
  }
  .header_top_slt .topright_stl {
    width: 100%;
    text-align: center;
    margin: 0;
  }
  .header_top_slt .topright_stl .mobileonly {
    text-align: center;
    width: 100%;
    float: left;
  }
  .header_top_slt .topright_stl .btn-call {
		border-radius: 3px;
		padding: 10px 12px 10px 22px !important;
		color: #fff;
		background: #01addf;
		text-transform: uppercase;
		font-size: 16px !important;
		display: inline-block;
		box-shadow: unset;
		float: unset;
		margin-top: 0;
		max-width: 100px;
	}
  .header_menu_inner ul li a:hover {
    background-color: #00c7ff;
    color: #fff;
    /* opacity: 0.8; */
  }
  .iconcenter {
    margin-top: 20px !important;
  }
	/*--------------------new css end 20-11-2020----------------*/
	.tutorlft {
	width: 90%;
	margin: 0 auto;
	float: unset;
	display: flow-root;
}
.tutorRgt {
	width: 90%;
	margin: 0 auto;
	float: unset;
	display: flow-root;
}
.form-bottom {
	display: block;
}
}
@media (max-width: 480px) {
	/*.logo-lp img{width:100%;}
	.topright{display:none;}
	#top-menu{display:none;}*/
	#top-menu{float:none;}
	

	
}

.phonenumber a {
	color: #000;
}