/***************************************** media for all devices start from here *****************************************/
/* 1600 view*/
@media only screen and (max-width:1920px) {}

/* 1440 view*/
@media only screen and (max-width:1599px) {
/*	.hero-wrapper {*/
/*	    height: 78vh;*/
/*	}*/
	.expertise-item {
		flex-wrap: wrap;
	}
/*	.slider-text {*/
/*    	top: 12%;*/
/*    	transform: translate(-50%, -12%);*/
/*	}*/
	
	
}

/* 1366 view*/
@media only screen and (max-width:1439px) {
/*	.hero-wrapper {*/
/*    	height: 70vh;*/
/*	}*/
	.cst-abha-modal .cst-content-box {
		max-height: 200px;
	}
	.action-wrp::before {
		background: none;
	}

}

/* 1280 view*/
@media only screen and (max-width:1365px) {}

/* iPad 1024 (Landscape) view*/
@media only screen and (max-width:1279px) {
/*	.hero-wrapper {*/
/*    	height: 56vh;*/
/*	}*/
	.slider-text {
		 top: 60px;
	}
	.hero-wrapper {
    	height: 470px;
	}
	.slider-title {
		font-size: 20px;
	}
	.page-text-ttl {
		font-size: 28px;
	}
	.about-section .layer-content {
    	height: 355px;
	}
	.bg-img1{
		background-image: none;
		height: auto;
	}
	.cmt-row.bg-img1 {
    	padding: 0 0 50px 0;
	}
	.cmt-row.blank-section {
    	padding: 50px 0px 740px;
	}
	.featured-icon-box.style5 .featured-title h3 {
	    font-size: 22px !important;
    	line-height: normal !important;
	}
	.featured-icon-box.style6 .featured-title h3 {
    	margin-bottom: 0;
	    font-size: 18px;
	}
	.featured-icon-box.style6 .featured-desc p {
	    line-height: normal;
    	font-size: 14px;
	}
	.right-panel-active .signin-rpanel{
		width: 70%;
	}
	.home-link.custom-home-link {
    	display: block;
    	padding-top: 2px;
    	padding-left: 10px;
	}
	.fixed-header .home-link.custom-home-link {
    	padding-left: 10px !important;
	}
	.home-link.custom-home-link img {
	    max-width: 20px;
	    margin-right: 8px;
	    display: inline-block;
	    vertical-align: middle;
	}
	.site-branding.agrid-logo{
		display: none;
	}
	.banner-img-wrapper .cmt-box-col-wrapper {
    	background-size: 100% auto;
	}
	.banner-img-wrapper .cmt-box-col-wrapper.banner-1 {
	    background-position: top right;
	}
	.banner-img-wrapper .cmt-box-col-wrapper.banner-2 {
	    background-position: center;
	}
	.banner-img-wrapper .cmt-box-col-wrapper.banner-3 {
	    background-position: top left;
	}
	.featured-icon-box.style3 {
	    padding: 55px 25px;
	}
	.about-section .featured-icon-box.style3, .about-section .disc-inst {
    	min-height: 336px;
	}
	.col-bg-img-two.cmt-col-bgimage-yes > .cmt-col-wrapper-bg-layer {
	    background-position: center left;
	}
	.col-bg-img-one.cmt-col-bgimage-yes > .cmt-col-wrapper-bg-layer {
    	background-position: top 20% right;
	}
	.about-section .disc-inst {
	    padding: 30px 25px;
	}
	.theme-1 .welcome-data .welcome-title {
	    font-size: 36px;
	}
	.custom-card-list {
    grid-template-columns: repeat(3, 1fr);
	}
	.diff-check {
    grid-template-columns: repeat(2, 1fr);
	}
	.hd-ctr h2 {
	    font-size: 15px;
	}
	.btn-bottom.cst-cbtn {
    margin-top: 30px;
	}
}

/* iPad 768 (portrait) view*/
@media only screen and (max-width: 1023px) {
/*	.hero-wrapper {*/
/*    	height: 42vh;*/
/*	}*/
	.hero-wrapper {
    	height: 360px;
	}
	.header-login .login-icon {
    	display: block;
    	font-size: 20px;
    	line-height: 20px;
	}
	.header-login .login-text {
    	display: none;
	}
	.header-login, .landing-btn {
    	padding: 6px 8px;
	}
	.site-header-menu-inner{
		padding: 0;
	}
	.page-text-ttl {
    	font-size: 22px;
	}
	.slider-title {
    	font-size: 18px;
	}
	.slider-text {
    	padding: 8px 10px;
    	top: 50px;
	}
	.banner-img-wrapper .cmt-box-col-wrapper.banner-2 {
	    background-position: top right;
	}
	.banner-img-wrapper .cmt-box-col-wrapper.banner-3 {
	    background-position: top left;
	}
	.banner-img-wrapper .cmt-box-col-wrapper.banner-4 {
	    background-position: top right;
	}
	.about-section .featured-icon-box.style3, .about-section .disc-inst {
    	min-height: 325px;
	}
	.cmt-row.service-section {
    	padding: 20px 10px;
	}
	.about-section .layer-content {
    	height: 300px;
	}
	.featured-icon-box.style5 {
	    justify-content: center;
	}
	.featured-icon-box.style5.reverse {
    	justify-content: center;
	}
	.featured-icon-box.style6 {
	     padding: 0; 
	}
	.second-footer {
    	padding: 10px;
	}
	ul.widget_contact_wrapper li > p {
	    line-height: normal;
	}
	ul.widget_contact_wrapper li {
	    line-height: normal;
	}
	.featured-icon-box.style6 .featured-icon i {
    	font-size: 40px;
	}
	.signin-bg{
    	background-size: contain;
    	background-position: top 50% center;
    	scale: 1.05;
	}
	.site-branding.site-logo{
		width: 45%;
	}
	.site-menubar{
		width: 10%;
	}
	.header_extra {
    	width: 45%;
	}
	.featured-icon-box.style7 .featured-title h3 {
	    font-size: 18px;
	}
	.theme-1 .first-footer {
	    padding-top: 20px;
	}
	.widget_text p {
	    font-size: 14px;
	}
	.theme-1 .welcome-data .welcome-title {
	    font-size: 28px;
	}
	.custom-card-list {
    	grid-template-columns: repeat(2, 1fr);
	}
	.diff-check {
    	grid-template-columns: repeat(1, 1fr);
	}
	.custom-card {
	    margin-bottom: 10px;
	}
	.cst-arrow {
    	transform: rotate(180deg);
	}
	.btn-bottom.cst-cbtn{
		margin-top: 0;	
	}
	.aptmt-mwrap {
    	flex-direction: column;
	}
	.outerpg {
   		margin-top: 30px;
	}
	.action-wrp .wrpp {
    	min-width: auto;
	}
	.outerpg .wrpp {
    	width: 265px;
	}
	.custom-model-content {
    	margin: 0 0 30px;
	}
	.aptmt-img {
	    width: 450px;
	}
	.aptmt-img::before{
		display: none;
	}
	.featured-icon-box.style6:after {
    	display: none;
	}
}

/* iPhone-6 plus 736 (Landscape) view */
@media only screen and (max-width: 767px) {
/*	.hero-wrapper {*/
/*    	height: 36vh;*/
/*	}*/
/* 	.hero-wrapper { */
/*     	height: 40vh; */
/* 	} */
	.page-fontsize {
	    display: none;
	}
	.header-top-right .input-group-btn li:first-child {
    	display: none;
	}
	.home-link.site-logo {
    	max-width: 60px;
	}
	.slider-text {
/*    	padding: 6px 12px;*/
/*    	top: 50px;*/
		display: none;
	}
	.banner-img-wrapper .cmt-box-col-wrapper {
    	background-size: cover;
	}
	.slider-title {
    	font-size: 14px;
	}
	.page-text-ttl {
    	font-size: 22px;
	}
	.about-section .featured-icon-box.style3, .about-section .disc-inst {
    	min-height: 235px;
	}
	.featured-icon-box.style3 {
    	padding: 25px 25px;
	}
	.about-section .disc-inst {
	    padding: 25px 25px;
    	justify-content: center;
	}
	.featured-icon-box.style7 .featured-title {
    	width: 75%;
	}
	.view-all-text{
		display: none;
	}
	.bottom-slider {
	    padding: 30px 0 !important;
	}
	.about-section .layer-content {
    	height: 250px;
	}
	.featured-icon-box.style7{
		margin-right: 0;
	}
	.widget.widget_text.clearfix {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	}
    	.signin-wrapper.right-panel-active .welcome-data{
		display: block;
	}
	.theme-1 .welcome-data {
    	top: initial;
    	bottom: 30%;
	}
	.signin-wrapper {
		flex-direction: column;
	}
	
	.signin-bg{
    	background-repeat: no-repeat;
    	background-size: cover;
    	background-position: center;
    	transition: none;
    	scale:1;
	}

	.right-panel-active .signin-bg {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		scale: 1;
	}
	
	.signin-lpanel {
    	width: 100%;
    	height: 250px;
    	transition: none;
	}
	.signin-rpanel {
		min-height: 640px;
		left: 0;
    	width: 100%;
    	position: relative;
    	transform: translateX(0);
    	transition: none;
	}
	.right-panel-active .signin-rpanel{
		left: 0;
		transform: translateX(0);
		width: 100%;
	}
	.right-panel-active .btn-cst-signin {
	    display: inline-block;
    	margin-top: 200px;
	}
	.signin-rpanel .form-check-label h5{
		font-size: 14px;
	}
	.signin-tbs .tbs-title h5 {
    	font-size: 18px;
	}
	.cmt-tabs.cmt-tab-style-02 ul.tabs li a span {
    	font-size: 14px;
    }
    .nav-link span {
    	font-size: 14px;
    }
    .header-login, .landing-btn{
    	font-size: 14px;
    	padding: 4px 6px;
    }
	.header-login .login-icon {
    	font-size: 16px;
    	line-height: 16px;
	}
	.fltr-cards-wrp {
    	margin-top: 25px;
	}
	.featured-icon-box.style5 .featured-title h3 {
    	font-size: 16px !important;
	}
	.wrpp .a-ttl {
   	 	font-size: 13px;
    	margin-top: 4px;
	}
	.action-wrp .wrpp {
		padding: 16px 8px 8px;
		min-width: 250px;
    	flex-direction: column;
    	row-gap: 6px;
	}
	
	.action-wrp .wrpp-h{
	 padding: 10px 10px 10px 30px;
	 flex-direction: row;
}

.wrpp-h .a-ttl {
    margin-top: 0px;
}
	.aptmt-img {
    	width: 280px;
	}
	.custom-model-content .fw-title {
    	font-size: 16px;
	}
	.custom-model-content .fw-text {
    	font-size: 13px;
	}
}

/* iPhone-5 568 (Landscape) view */
@media only screen and (max-width: 666px) {
/*	.hero-wrapper {*/
/*    	height: 30vh;*/
/*	}*/
	.banner-1 {
	    background-image: url("../../images/slides/banner1v2-resp.webp");
	}
	.banner-2 {
	    background-image: url("../../images/slides/banner2v2-resp.webp");
	}
	.banner-img-wrapper .cmt-box-col-wrapper.banner-1 {
    background-position: top center;
	}
	.banner-img-wrapper .cmt-box-col-wrapper.banner-2 {
    	background-position: top center;
	}
	.cmt-header-style-02 .site-navigation .header_extra > div:last-child {
    	padding-left: 10px;
	}
	.menubar {
    	padding-left: 15px;
	}
	.page-text-ttl {
    	font-size: 18px;
	}
	.footer .widget .widget-title {
	    text-align: center;
	    margin-bottom: 10px;
	}
	.widget_contact_wrapper{
		margin-bottom: 20px !important;
	}
	.footer .widget ul {
	    text-align: center;
	}
	.cmt-layer-ttl a {
	    font-size: 20px;
	}
	.custom-model-content .fw-title {
    	font-size: 16px;
	}
	.custom-model-content .fw-text {
    	font-size: 13px;
	}
	.custom-tab-links {
    	flex-direction: column;
    	align-items: center;
  	}
  	.tab-link {
    	text-align: center;
    	width: 100%;
    	padding: 15px 0;
  }
  
}

/* iPhone-4 480 (Landscape) view */
@media only screen and (max-width: 567px) {
/*	.hero-wrapper {*/
/*    	height: 26vh;*/
/*	}*/
	.about-section .layer-content {
    	height: 200px;
	}
	.banner-img-wrapper .cmt-box-col-wrapper.banner-3 {
   	 	background-position: top center;
	}
	.featured-icon-box.style5 .featured-title h3 {
    	font-size: 14px !important;
    	line-height: 15px !important;
	}
	.c-data-wrapper .c-data {
	    padding-left: 0;
	}
	.c-data-wrapper span {
	    display: block;
	}
	.c-data-wrapper.cst-dtl {
	    display: block;
	}
}

/* iPhone-6 plus 414 (portrait) view */
@media only screen and (max-width: 479px) {
/*	.hero-wrapper {*/
/*    	height: 23vh;*/
/*	}*/
	.logo-sidetext {
		display: none;
	}
	.page-text-ttl {
    	font-size: 16px;
	}
	.slider-title {
    	font-size: 12px;
	}
	.featured-icon-box.style7 .featured-content {
	    padding: 20px;
	}
	.cmt-row.service-section {
    	padding: 20px 0;
	}
	.home-link.custom-home-link {
		display: block;
		padding-left: 8px;
		padding-top: 0px;
		font-size: 12px;
	}

	.home-link.custom-home-link img {
		max-width: 15px;
		margin-right: 6px;
		display: inline-block;
		vertical-align: middle;
	}
	.custom-card-list {
    grid-template-columns: repeat(1, 1fr);
	}
	.featured-icon-box.style5 .featured-title h3 {
    font-size: 13px !important;
	}
	.featured-icon-box {
   	 margin: 15px 4px;
	}.cmt-icon.cmt-icon_element-size-md i {
    font-size: 32px;
	}
	.cst-suggest .buttons-group li {
    min-width: 50%;
	}
}

/* iPhone-6 375 (portrait) view */
@media only screen and (max-width: 413px) {
/*	.hero-wrapper {*/
/*    	height: 20vh;*/
/*	}*/
/* 	.featured-icon-box.style5 .featured-title h3 { */
/* 	    font-size: 16px; */
/* 	} */
	.cmt-icon.cmt-icon_element-size-md i {
    	font-size: 28px;
	}
	.featured-icon-box.style6 .featured-title h3 {
	    font-size: 16px;
	}
	.tbs-title {
    	display: flex;
    	flex-direction: column;
    	align-items: center;
}
.theme-1 .welcome-data .welcome-title {
    font-size: 20px;
}
}

/* iPhone-4 320 (portrait) view */
@media only screen and (max-width: 374px) {
/*	.hero-wrapper {*/
/*    	height: 17vh;*/
/*	}*/
	
	.nav-link span {
    	font-size: 14px;
    }
	.nav-item .nav-link{
		padding: 4px 8px;
	}
	.signin-frm .abha_addr {
    	padding: 4px 10px;
	}
	.home-link.custom-home-link img {
	    margin-right: 3px;
	}
	.home-link.custom-home-link {
	    padding-left: 4px;
	}
	.header_extra {
    	width: 50%;
	}
	.site-branding.custom-site-branding {
    	padding-left: 10px;
	}
	.otp-wrapper {
	    column-gap: 4px;
	}
	.banner-img-wrapper .cmt-box-col-wrapper.banner-4 {
    background-position: top right 5%;
	}
/* 	.theme-1 .welcome-data .welcome-title { */
/*     	font-size: 28px; */
/*     } */
/*     .signin-tbs .tbs-title h5 { */
/*     	font-size: 18px; */
/* 	} */
}