@media screen and (min-width: 1001px) and (max-width:1200px){
	nav
	{
		width:95%;
	}
}
@media screen and (max-width:1000px){
.logo
{
	position:relative;
	top:0;
	left: 0;
	width:100%;
	/*height:46px;*/
	line-height: normal;
	text-align:left;
	padding:3px ;
	float:none;
}
.logo img
{
	width:80px;
}
.login_help
{
	display: none;
}
#topnav .logo ul li
{
	float: right;
}
#topnav .col-sm-7
{
	padding-top: 0;
}
.logo2
{
	display:none;
}
nav
{
	width:100%;
}
#cssmenu
{
	width:100%;
}
#cssmenu ul
{
	width:100%;
	display:none;
}
#cssmenu > ul > li > a
{
	padding: 16px;
}
#cssmenu > ul > li > a,#cssmenu > ul > li.has-sub > a:after
{
	line-height: normal;
}
#cssmenu ul li
{
	width:100%;
	border-top:1px solid #444;
}
#cssmenu ul ul li,#cssmenu li:hover > ul > li
{
	height:auto;
}
#cssmenu ul li a,#cssmenu ul ul li a
{
	width:100%;
	border-bottom:0;
}
#cssmenu > ul > li
{
	float:none;
}
#cssmenu ul ul li a
{
	padding-left:25px;
}
#cssmenu ul ul ul li a
{
	padding-left:35px;
}
#cssmenu ul ul li a
{
	-webkit-text-fill-color:#ddd;
	background:none;
}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a
{
	-webkit-text-fill-color:#fafafa;
}
#cssmenu ul ul,#cssmenu ul ul ul
{
	position:relative;
	left:0;
	width:100%;
	margin:0;
	text-align:left;
}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before
{
	display:none;
}
#cssmenu #head-mobile
{
	display:block;
	padding:23px;
	-webkit-text-fill-color:#ddd;
	font-size:12px;
	font-weight:700;
}
.button
{
	width:55px;
	height:46px;
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
	z-index: 12399994;
	background-color: #333;
}
.button:after
{
	position:absolute;
	top:22px;
	right:20px;
	display:block;
	height:8px;
	width:20px;
	border-top:2px solid #dddddd;
	border-bottom:2px solid #dddddd;
	content:'';
}
.button:before
{
	-webkit-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
	position:absolute;
	top:16px;
	right:20px;
	display:block;
	height:2px;
	width:20px;
	background:#ddd;
	content:'';
}
.button.menu-opened:after
{
	-webkit-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
	top:23px;
	border:0;
	height:2px;
	width:19px;
	background:#fafafa;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
.button.menu-opened:before
{
	top:23px;
	background:#fafafa;
	width:19px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
#cssmenu .submenu-button
{
	position:absolute;
	z-index:99;
	right:0;
	top:0;
	display:block;
	border-left:1px solid #444;
	height:35px;
	width:35px;
	cursor:pointer;
	background-color: #333;
}
#cssmenu .submenu-button.submenu-opened
{
	background:#262626;
}
#cssmenu ul ul .submenu-button
{
	height:34px;
	width:34px;
}
#cssmenu .submenu-button:after
{
	position:absolute;
	top:18px;
	right:13px;
	width:8px;
	height:2px;
	display:block;
	background:#ddd;
	content:'';
}
#cssmenu ul ul .submenu-button:after
{
	top:15px;
	right:13px;
}
#cssmenu .submenu-button.submenu-opened:after
{
	background:#fafafa;
}
#cssmenu .submenu-button:before
{
	position:absolute;
	top:15px;
	right:16px;
	display:block;
	width:2px;
	height:8px;
	background:#ddd;
	content:'';
}
#cssmenu ul ul .submenu-button:before
{
	top:12px;
	right:16px;
}
#cssmenu .submenu-button.submenu-opened:before
{
	display:none;
}
#cssmenu ul ul ul li.active a
{
	border-left:none;
}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a
{
	border-top:none;
}
}
@media screen and (max-width:769px){
	#cssmenu > ul > li > a
	{
		padding: 10px;
	}
	#cssmenu ul li .user_profile
	{
		padding: 0;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.index_image img
	{
		height: auto;
	}
	.img_center span
	{
		font-size: 1.4em;
	}
	#topnav .logo ul
	{
		display: table;
		float: right;
		width: 60%;
		list-style: none;
	}
	#topnav .login_help
	{
		display: none;
	}
	.About .about_content
	{
		height: auto;
	}
	.col_2,.col_4,.col_3,.col_5,.col_6,.col_7,.col_8,.col_9,.col_10,.col_12
	{
		width: 100%;
	}
	.slider
	{
		height: auto;;
	}
	.support
	{
		height: auto;
	}
	.child_popup
	{
		width: 95%;
	}
}
@media screen and (min-width : 480px) and (max-width:768px){
	/*.col-sm-4
	{
		width: 33.33%;
		float: left;
		display: inline-block;
	}
	.col-sm-6
	{
		width: 50%;
		float: left;
		display: inline-block;
	}*/

	#login
	{
		width: 100%;
		margin: auto;
	}
	.img_left .high
	{
		font-size: 3em;
	}
	.img_left .Quality
	{
		font-size: 2em;
	}
	.img_left .education
	{
		font-size: 1em;
	}
	.img_right::before
	{
	    height: 107px;
	    width: 100%;
	}
	.img_center
	{
		margin-top: 0;
	}
	.child_popup
	{
		width: 95%;
	}
}
@media screen  and (max-width:520px){
	.col_4,.col_3,.col_12,.col_5,.col_6,.col_7,.col_8
	{
		width: 100%;
		float: none;
		display: inline-block;
	}
	.index_image img 
	{
	    clip-path: polygon(0 0,100% 0, 93% 100%,21px 100%);
	}
	.img_left
	{
		left: 10px;
		bottom: 45px;
		width: 100%;
	}
	.img_left .high
	{
		font-size: 3em;
		padding-left: 5px
	}
	.img_left .Quality
	{
		font-size: 2em;
		padding-left: 5px
	}
	.img_left .education
	{
		font-size: 1em;
		padding-left: 5px
	}
	.img_right
	{
		width: 50%;
		right: 10px;
		bottom: 100px;
	}
	.img_right::before
	{
	    height: 65px;
	    width: 100%;
	}
	.img_right .number
	{
		padding: 0;
		font-size: 14px;
		padding-right: 0;
	}
	.slider__controls
	{
		padding-right: 0;
	}
	.img_center
	{
		margin-top: 0;
		top: 33px;
		clip-path: polygon(0% 40%,100% 0%, 100% 100%,0 100%);
	}
	.About .about_img
	{
		display: none;
	}
	.About .about_content
	{
		width: 100%;
	}
	.left_skew::before,.right_skew::before,.center_skew::before, .center_skew::after,#cssmenu ul ul::after
	{
		display: none;
	}
	.tab
	{
		display: grid;
		margin-top: 100px;
	}
	.tab .tab_img,.tab .tab_content
	{
		width: 100%;
	}
	.tab_content h2,.tab_content h4,.tab_content h3
	{
		text-align: center;
	}
	.tab .tab_img img
	{
		width: 50%;
		margin:auto;
	}
	.cols-4 .gallery-items
	{
		width: 100%;
	}
	ul.tabs
	{
		width: 100%;
	}
	/*testimonials css start*/
	.iconpicker-popover
	{
		position: fixed;
	    top: 38%;
	    left: 3%;
	    max-width: 336.672px;
	    height: 320px;
	    z-index: 100000;
	}
	ul.tabs 
	{
    	display: none;
  	}
	.tab_container {
		display: block;
		margin: 0 auto;
		width: 95%;
		z-index: 0px;
		border-top: none;
		border-radius: 0;
		box-shadow: 0px 0px 10px black;
	}
  .tab_drawer_heading {
    background-color: #ccc;
    background: #600026;
    /* Old browsers */
    background: -moz-linear-gradient(top, #600026 0%, #c60943 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #600026), color-stop(100%, #c60943));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #600026 0%, #c60943 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #600026 0%, #c60943 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #600026 0%, #c60943 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #600026 0%, #c60943 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#600026', endColorstr='#c60943',GradientType=0 );
    /* IE6-9 */
    color: #fff;
    margin: 0;
    padding: 5px 20px;
    display: block;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
  }
  .tab_drawer_heading:hover {
    background: #ccc;
    background: #ae0046;
    background: -moz-linear-gradient(top, #ae0046 0%, #fb0f56 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ae0046), color-stop(100%, #fb0f56));
    background: -webkit-linear-gradient(top, #ae0046 0%, #fb0f56 100%);
    background: -o-linear-gradient(top, #ae0046 0%, #fb0f56 100%);
    background: -ms-linear-gradient(top, #ae0046 0%, #fb0f56 100%);
    background: linear-gradient(to bottom, #ae0046 0%, #fb0f56 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae0046', endColorstr='#fb0f56',GradientType=0 );
    color: white;
  }

  .d_active {
    background: #fff;
    background: #4c001e;
    background: -moz-linear-gradient(top, #4c001e 0%, #9f0735 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c001e), color-stop(100%, #9f0735));
    background: -webkit-linear-gradient(top, #4c001e 0%, #9f0735 100%);
    background: -o-linear-gradient(top, #4c001e 0%, #9f0735 100%);
    background: -ms-linear-gradient(top, #4c001e 0%, #9f0735 100%);
    background: linear-gradient(to bottom, #4c001e 0%, #9f0735 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c001e', endColorstr='#9f0735',GradientType=0 );
    color: #dddddd;
  }
	/*testimonials css End*/
	.child_popup
	{
		width: 95%;
	}
}
