/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {


}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199.98px) {

.header-bottom .contact ul li .singel-contact .icon i {
	font-size: 20px;
	width: 40px;
	height: 40px;
	line-height: 40px;
}

.header-bottom .contact ul li {
	margin-left: 20px;
}

.singel-slider .slider-cont h1 {
	font-size: 50px;
}

.singel-blog .blog-cont ul li {
	margin-left: 10px;
}

.singel-blog .blog-cont ul li a{
    font-size: 14px;
}


.sied-post ul li a .sied-blog .thum {
	width: 85px;
}







}










 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991.98px) {

.navigation .navbar .navbar-nav .nav-item a::before {
	display: none;
}

.navigation .navbar .navbar-nav .nav-item a,
.navbar.navbar-2 .navbar-nav .nav-item a {
	display: block;
}
.navigation .navbar .navbar-nav .nav-item .sub-menu,
.navbar.navbar-2 .navbar-nav .nav-item .sub-menu {
	position: relative !important;
	opacity: 1 !important;
	visibility: visible !important;
	left: 0 !important;
	top: auto !important;
	right: auto !important;
	width: 100% !important;
	-webkit-transform: translate(0);
	transform: translate(0);
	display: none;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	background: #fff;
    text-align: left;
}

.navbar .navbar-nav .nav-item ul.sub-menu::before {
    display: none;
}

.navbar .navbar-nav .nav-item ul.sub-menu li a {
	color: #fff;
}
.navbar .navbar-nav .nav-item ul.sub-menu li a:hover{
    background-color: #2c2d3e;
}

.navbar-collapse {
	background: #000757;
}

.sub-nav-toggler {
	padding: 0;
	position: absolute;
	right: 0;
	border: 0;
	background: none;
	cursor: pointer;
	display: block;
	top: 20px;
}
.sub-nav-toggler i{
    font-size: 14px;
    color: #fff;
}
.navbar.navbar-2 .sub-nav-toggler i{
    color: #000757;
}

.navbar.navbar-2 .navbar-collapse{
    padding: 0 20px;
    background-color: #f5f8ff;
}

.navbar.navbar-2 .navbar-nav .nav-item .sub-menu li a{
    background-color: #000757;
    color: #fff;
}
.navbar.navbar-2 .navbar-nav .nav-item .sub-menu li:hover > a{
    background-color: #f5f8ff;
    color: #000757;
}

.price-head-2::before {
	border-right: 170px solid transparent;
}
.price-head-2::after {
	border-left: 170px solid transparent;
}

.singel-slider {
	height: 550px;
}
  
.singel-slider .slider-cont h1 {
	font-size: 50px;
}

.header-bottom .logo{
    text-align: center;
}

.case-study-items .case-cont h3 {
	font-size: 24px;
}




















}

 










/* small mobile :320px. */
@media (min-width: 576px) and (max-width: 767.98px) {

.navigation .navbar .navbar-nav .nav-item a::before {
	display: none;
}

.navigation .navbar .navbar-nav .nav-item a,
.navbar.navbar-2 .navbar-nav .nav-item a {
	display: block;
}
.navigation .navbar .navbar-nav .nav-item .sub-menu,
.navbar.navbar-2 .navbar-nav .nav-item .sub-menu {
	position: relative !important;
	opacity: 1 !important;
	visibility: visible !important;
	left: 0 !important;
	top: auto !important;
	right: auto !important;
	width: 100% !important;
	-webkit-transform: translate(0);
	transform: translate(0);
	display: none;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	background: #fff;
    text-align: left;
}

.navbar .navbar-nav .nav-item ul.sub-menu::before {
    display: none;
}

.navbar .navbar-nav .nav-item ul.sub-menu li a {
	color: #fff;
}
.navbar .navbar-nav .nav-item ul.sub-menu li a:hover{
    background-color: #2c2d3e;
}

.navbar-collapse {
	background: #000757;
}

.sub-nav-toggler {
	padding: 0;
	position: absolute;
	right: 0;
	border: 0;
	background: none;
	cursor: pointer;
	display: block;
	top: 20px;
}
.sub-nav-toggler i{
    font-size: 14px;
    color: #fff;
}
.navbar.navbar-2 .sub-nav-toggler i{
    color: #000757;
}

.navbar.navbar-2 .navbar-collapse{
    padding: 0 20px;
    background-color: #f5f8ff;
}

.navbar.navbar-2 .navbar-nav .nav-item .sub-menu li a{
    background-color: #000757;
    color: #fff;
}
.navbar.navbar-2 .navbar-nav .nav-item .sub-menu li:hover > a{
    background-color: #f5f8ff;
    color: #000757;
}

.singel-slider {
	height: 450px;
}
.singel-slider .slider-cont h1 {
	font-size: 50px;
}

.header-bottom .logo{
    text-align: center;
}

.case-study-items .case-cont h3 {
	font-size: 24px;
}

.page-banner-cont {
	padding: 50px 0;
}
.breadcrumb .breadcrumb-item {
	font-size: 50px;
}

.blog-details .head ul {
	float: none;
}










}
 
/* Large Mobile :480px. */
@media only screen and  (max-width: 575.98px) {

.navigation .navbar .navbar-nav .nav-item a::before {
	display: none;
}

.navigation .navbar .navbar-nav .nav-item a,
.navbar.navbar-2 .navbar-nav .nav-item a {
	display: block;
}
.navigation .navbar .navbar-nav .nav-item .sub-menu,
.navbar.navbar-2 .navbar-nav .nav-item .sub-menu {
	position: relative !important;
	opacity: 1 !important;
	visibility: visible !important;
	left: 0 !important;
	top: auto !important;
	right: auto !important;
	width: 100% !important;
	-webkit-transform: translate(0);
	transform: translate(0);
	display: none;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	background: #fff;
    text-align: left;
}

.navbar .navbar-nav .nav-item ul.sub-menu::before {
    display: none;
}

.navbar .navbar-nav .nav-item ul.sub-menu li a {
	color: #fff;
}
.navbar .navbar-nav .nav-item ul.sub-menu li a:hover{
    background-color: #2c2d3e;
}

.navbar-collapse {
	background: #000757;
}

.sub-nav-toggler {
	padding: 0;
	position: absolute;
	right: 0;
	border: 0;
	background: none;
	cursor: pointer;
	display: block;
	top: 20px;
}
.sub-nav-toggler i{
    font-size: 14px;
    color: #fff;
}
.navbar.navbar-2 .sub-nav-toggler i{
    color: #000757;
}

.navbar.navbar-2 .navbar-collapse{
    padding: 0 20px;
    background-color: #f5f8ff;
}

.navbar.navbar-2 .navbar-nav .nav-item .sub-menu li a{
    background-color: #000757;
    color: #fff;
}
.navbar.navbar-2 .navbar-nav .nav-item .sub-menu li:hover > a{
    background-color: #f5f8ff;
    color: #000757;
}

.header-left {
	text-align: center;
	padding-bottom: 10px;
}
.header-right {
    text-align: center !important;
}

.section-title h3 {
	font-size: 26px;
}
    
.singel-slider {
	height: 450px;
}
.singel-slider .slider-cont h1 {
	font-size: 30px;
}

.header-bottom .logo{
    text-align: center;
}

.case-study-items .case-cont h3 {
	font-size: 18px;
    padding-bottom: 10px;
    padding-top: 15px;
}

.singel-blog .blog-cont ul li {
	display: block;
	margin-left: 0;
	margin-bottom: 10px;
}

.singel-blog .blog-cont h5 {
	padding-top: 10px;
}
.singel-about,
.singel-services-2,
.why-choice-cont .why-choice-item ul li .singel-item {
	display: block;
}
.singel-about .cont,
.singel-services-2 .cont,
.why-choice-cont .why-choice-item ul li .singel-item .cont {
	padding-left: 0;
	padding-top: 30px;
}

.singel-testimonial-2 .test-cont {
	padding: 70px 20px 20px;
}

.singel-testimonial .test-thum {
	top: -50px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.singel-testimonial .test-cont {
	padding: 20px;
	margin-left: 0;
	padding-top: 65px;
}

.singel-testimonial {
	margin-top: 75px;
}
.faq-part .accordion .card .card-body {
	margin-left: 0;
}

.faq-part .accordion .card .card-header .head button {
	font-size: 16px;
	line-height: 30px;
    height: 60px;
}

.singel-blog-2 {
	display: block;
}
.singel-blog-2 .blog-thum,
.singel-blog-2 .blog-cont {
	width: 100%;
}

.page-banner-cont {
	padding: 50px 0;
}
.breadcrumb .breadcrumb-item {
	font-size: 26px;
}

.sied-post ul li a .sied-blog .thum {
	width: 85px;
}

.sied-post ul li a .sied-blog .cont {
	width: 100%;
	padding-left: 0;
	padding-top: 15px;
}

.blog-details .blockquote {
	padding: 20px 25px;
}
    
.tag-socail .tag,
.tag-socail .social {
	float: none;
	text-align: center;
}


.blog-admin {
	padding: 25px;
}

.blog-admin .admin-thum {
	top: 25px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.blog-comment ul li .singel-comment .comment-cont,
.blog-admin .admin-cont {
	padding-left: 0;
	padding-top: 130px;
}


.blog-comment ul li .singel-comment .comment-thum{
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.replay {
	margin-left: 0;
}





















}