/*
  Theme Name: Oval - SEO and Digital Marketing HTML5 Template
  Author: Gshrm
  Version: 1.0
  Created: Gshrm
  
*/

/* ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
/* CSS */

.container-p {
	padding: 0 80px;
}
.container-padding {
	padding-left: 80px;
	padding-right: 80px;
}
/* About */

.about-img-box {
    position: relative;
    width: 100%;
    height: 525px;
}

.floating {
    margin-left: 0px;
}

.about-img {
    width: 335px;
    height: 335px;
    border-radius: 20px;
    box-shadow: 1px 1px 60px rgb(0 0 0 / 10%);
    position: relative;
    z-index: 0;
}

.about-img.img2 {
    width: 180px;
    height: 180px;
    position: absolute;
    top: 115px;
    right: 0;
    z-index: 5;
}

.about-img.img3 {
    width: 240px;
    height: 240px;
    position: absolute;
    bottom: 0;
    right: 115px;
    z-index: 2;
}

/* Blog Detail  */
   
.section-title .post-author-meta {
    margin-top: 111px;
}  
.blog-sidebar .blog-box {
    padding: 30px;
    margin-bottom: 35px;
}
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
/* CSS */

.container-p {
	padding: 0 80px;
}
.container-padding {
	padding-left: 80px;
	padding-right: 80px;
}

/* Banner Home2 */

.carousel-caption {
    top: 22%;
}

/* About */

.about-img-box {
    position: relative;
    width: 430px;
    height: 487px;
}

.floating {
    margin-left: 0px;
}

.about-img {
    width: 290px;
    height: 240px;
    border-radius: 20px;
    box-shadow: 1px 1px 60px rgb(0 0 0 / 10%);
    position: relative;
    z-index: 0;
}

.about-img.img2 {
    width: 160px;
    height: 160px;
    position: absolute;
    top: 115px;
    right: 0;
    z-index: 5;
}

.about-img.img3 {
    width: 270px;
    height: 270px;
    position: absolute;
    bottom: 0;
    right: 84px;
    z-index: 2;
}

/* Blog Detail */

.section-title .post-author-meta {
    margin-top: 40px;
}  

.blog-sidebar .blog-box {
    padding: 30px;
    margin-bottom: 35px;
    
}
}

@media (min-width: 992px) and (max-width: 1199px) { 

/* Header */

.main-menu ul li {
    display: inline-block;
    margin-left: 12px;
    position: relative;
}

/* About */

.about-img-box {
    position: relative;
    width: 100%;
    height: 487px;
}

.floating {
    margin-left: 0px;
}

.about-img {
    width: 360px;
    height: 360px;
    border-radius: 20px;
    box-shadow: 1px 1px 60px rgb(0 0 0 / 10%);
    position: relative;
    z-index: 0;
}

.about-img.img2 {
    width: 150px;
    height: 150px;
    position: absolute;
    top: 230px;
    right: 0;
    z-index: 5;
}

.about-img.img3 {
    width: 200px;
    height: 200px;
    position: absolute;
    bottom: 0;
    right: 115px;
    z-index: 2;
}

/* Our Services */

.services-home1:after, .home-service-item-two:after {
    display:none;
}

/* Blog Section */

.la-single-blog .content.home h3 a {
    font-size: 15px;
}
a.read-more-btn {  
    font-size: 14px;
}
.la-single-blog .content.home span.f-right.date-grey { 
font-size: 15px;
}

/* Team Section */

.single-team .image .social {
    top: 0px;
}

.single-team .image .social li{
    margin-bottom: 10px;
}

/* Footer */

footer .footer-upper ul li a {
    margin-right: 16px;
}

}
 /* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/


@media only screen and (max-width : 991px) {
	
.about-img-box {
    width: 100%;
}
.about-img {
    width: 360px;
    height: 360px;
}

.about-img.img2 {
    width: 250px;
    height: 250px;
}
.about-img.img3 {
    width: 300px;
    right: 140px;
    height: 300px;
}
.contact3-left-content{
	margin-bottom:30px;
}
.newsletter-image:before{
	display:none;
}

}

@media (min-width: 768px) and (max-width: 1024px) {
  
/* CSS */

 .container-p {
	padding: 0 50px;
}  
.transparent-header {
	padding-top: 15px;
	padding-bottom: 10px;
}
.transparent-header.sticky-menu {
	padding-top: 15px;
	padding-bottom: 0;
}
.mean-container .mean-nav {
    width: 100%;
    height: auto;
}

/* Banner Home */

.bannerCover .carousel-inner .carousel-item p {
    width: 100%;
	margin: -15px auto 0px;
}

/* Banner Home */

.carousel-caption {
    top: 25%;
}

/* About */

.about-img-box {
    position: relative;
    width: 100%;
    height: 460px;
}

.about-img {
    width: 290px;
    height: 290px;
    border-radius: 20px;
    box-shadow: 1px 1px 60px rgb(0 0 0 / 10%);
    position: relative;
    z-index: 0;
}

.about-img.img2 {
    width: 210px;
    height: 168px;
    position: absolute;
    top: 173px;
    right: 0;
    z-index: 5;
}

.about-img.img3 {
    width: 224px;
    height: 200px;
    position: absolute;
    bottom: 0;
    right: 164px;
    z-index: 2;
}

/* Our Services */

.services-home1:after, .home-service-item-two:after {
    display:none;
}

/* Blog Section */

.la-single-blog .content.home h3 a {
    font-size: 13px;
}

a.read-more-btn {
    font-size: 12px;
}

.la-single-blog .content.home span.f-right.date-grey {
    font-size: 12px;
}

.la-single-blog .content {
    padding: 25px;
}

.la-single-blog .content.home {
    padding: 35px 20px 40px;
}

/* Our Team */

 .single-team .image .social {
    position: absolute;
    top: 0px;
    right: 12px;
}

.single-team .image .social li{
    -webkit-transform: translateY(0);
    transform: translateY(20px);
    opacity: 1;
    visibility: visible;
}

/* Pricing */

.pricing-table .table-header .price {
    font-size: 42px;
}

.pricing-table .table-header .price sup {
    font-size: 25px;
}

.pricing-table3 .main-pricing3 h5 {
    font-size: 24px;
}
.pricing-table3 .main-pricing3 h4 {
    font-size: 22px;
}
.pricing-table3 .main-pricing3 h3 {
    font-size: 20px;
}
.pricing-content3 .pricing-feature3 ul li {
    font-size: 14px;
}
.pricing3 .pricing-table3 {
    padding: 60px 0;
}
.pricing3 .center-padding3 {
    padding: 80px 0;
}

}
/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
/* CSS */
 
 .container-p {
	padding: 0 50px;
}

.container-padding {
	padding: 0 50px;
}

.transparent-header {
    padding-top: 15px;
    padding-bottom: 10px;
}

/* Banner Home */

.bannerCover .carousel-inner .carousel-item  img {
	object-fit: cover;
	height:100vh;
}
.bannerCover .carousel-inner .carousel-item p {
    width: 100%;
   
}

/* Banner Home2 */

.banner-content {
    margin-top: 13rem;
}

/* About */

.video_icon_ab {
    position: absolute;
    bottom: 10%;
    left: 70%;
}

.about-img-box {
    position: relative;
    width: 100%;
    height: 462px;
}

.about-img {
    width: 345px;
    height: 290px;
    border-radius: 20px;
    box-shadow: 1px 1px 60px rgb(0 0 0 / 10%);
    position: relative;
    z-index: 0;
}

.about-img.img2 {
    width: 150px;
    height: 150px;
    position: absolute;
    top: 169px;
    right: 0;
    z-index: 5;
}

.about-img.img3 {
    width: 220px;
    height: 220px;
    position: absolute;
    bottom: 0;
    right: 120px;
    z-index: 2;
}

/* Our Services */

.home-service-item-two h4 {
    font-size: 18px;
}

.services-home1:after, .home-service-item-two:after {
    display:none;
}
    
/* Our Working Process */

section.section-our-workingflow-mobile .workflow-item .workflow-content h4 {
	color: #20dfe3;
	font-weight: 700;
}
section.section-our-workingflow-mobile .workflow-item .workflow-content {
	padding: 35px 40px;
	-webkit-box-shadow: 0px 8px 16px 0px rgb(101 101 101 / 18%);
	box-shadow: 0px 8px 16px 0px rgb(101 101 101 / 18%);
}

.features-inner .number-2 .icon-part, .features-inner .number-4 .icon-part {
    margin-top: 55px;
}

/* Our Team */

.single-team .image .social {
    position: absolute;
    top: 14px;
    right: 12%;
}
.single-team .image .social li{
   margin-bottom: 10px;
}

.single-team .image .social li{
    -webkit-transform: translateY(0);
    transform: translateY(20px);
    opacity: 1;
    visibility: visible;
}

/* Working Flow */

.workflow-home .custom-border-line:before {
    top: 47%;
    width: 65%;
}

/* Blog Detail */

.section-title .post-author-meta {
    margin-top: 51px;
}

.detail-img-mobile {
	margin-top:10px;
} 
  
.detail-ad-img-mobile {
	margin-top:10px;
}
  
.form-control { 
    margin-top: 25px;
}

.blog-sidebar .blog-box {
    padding: 25px;
    margin-bottom: 11px;
 }
 
.blog-sidebar h4::before { 
    left: -25px;  
}

/* Footer */

.footer-upper {
    padding-bottom: 45px;
    padding-top: 45px;
}
.footer-title {
    margin-top: 25px;

}
.footer-about{
	margin-top:30px;
}
.footer-social-icons {
    margin-top: 16px;
}	

.footer-social-icons a + a {
    margin-left: 18px;
}
.menu-quick-link-container {
    margin-top: 16px;
}

}

/* Media Only For 768 */

@media (min-width: 767px) and (max-width: 768px) {
 

/* Banner Home*/

.bannerCover .carousel-indicators {
    bottom: 2px;
}

/* Banner Home2 */

.bannerCover .carousel-caption {
    top: 20%;
}


.hero-form .form-control {
    height: 45px;
}
.hero-form .btn {
    padding: 10px 20px;
}
.bannerCover h1 {
    font-size: 30px;
}
.bannerCover .position-absolute.form-position{
    bottom: 15%;
    
}

/* About */

.video_icon_ab {
 
    right: 40%;
}

.about-img-box {
    position: relative;
    width: 100%;
    height: 580px;
}

.about-img {
    width: 360px;
    height: 360px;
    border-radius: 20px;
    box-shadow: 1px 1px 60px rgb(0 0 0 / 10%);
    position: relative;
    z-index: 0;
}

.about-img.img2 {
    width: 250px;
    height: 250px;
    position: absolute;
    top: 95px;
    right: 0;
    z-index: 5;
}

.about-img.img3 {
    width: 300px;
    height: 300px;
    position: absolute;
    bottom: 0;
    right: 140px;
    z-index: 2;
}

/* Our Team */

.single-team .image .social {
    position: absolute;
    top: 35px;
    right: 45px;
}

.single-team .image .social li{
   margin-bottom: 20px;
}

.single-team .image .social li a {
    width: 25px;
    height: 25px;
}

/* Services */

.tab-pane .process-right h3.pay-des {
    padding-top: 1rem;
}

.services-home1:after, .home-service-item-two:after {
    display:none;
}

/* Working Process */

.features-inner .number-2 .icon-part, .features-inner .number-4 .icon-part {
    margin-top: 44px;
}

/* Case Study */

.case-box .box-content {
    bottom: 10%;
}

/* Blog */

.la-single-blog .content {
    padding: 25px 20px 20px;
}

}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
/* CSS */

  .container-p {
	padding: 0 24px;
}

.container-padding {
	padding: 0 50px;
}

h2 {
    font-size: 28px;
}
.transparent-header {
    padding-top: 15px;
    padding-bottom: 0px;
}

/* Heading */

.mainTitle.mb-3 {
    padding-top: 1rem!important;
}

/* Banner Home2 */

.banner-content {
    margin-top: 10rem;
}

/* Banner Home */

.bannerCover .carousel-inner .carousel-item .carousel-caption {
    top: 20%;
    text-align: left;
    left: 5%;
    right: 5%;
}

.bannerCover .carousel-inner .carousel-item  img {
	object-fit: cover;
	height:100vh;
}

.bannerCover .carousel-inner .carousel-item p {
    width: 100%;
    
}
.hero-form .btn.btn-search {
    padding: 12px 20px;
    font-size: 15px;
}
.hero-form .form-control {
    height: 55px;
}
.bannerCover .position-absolute.form-position {
	left:20px;
	right:20px;
   
}

/* Inner Banner */

.inner-banner-title {
    padding: 0px;
}

/* About */

.about-img-box {
    position: relative;
    width: 480px;
    height: 370px;
    left: 50%;
    transform: translate(-50%);
    display: block;
    margin: unset;
}
.about-img {
    width: 225px;
    height: 225px;
    border-radius: 20px;
    box-shadow: 1px 1px 60px rgb(0 0 0 / 10%);
    position: relative;
    z-index: 0;
}
.about-img.img2 {
    width: 130px;
    height: 130px;
    position: absolute;
    top: 64px;
    right: 0;
    z-index: 5;
}
.about-img.img3 {
    width: 190px;
    height: 190px;
    position: absolute;
    bottom: 0;
    right: 70px;
    z-index: 2;
}

.video-one__link {
    display: flex;
    width: 80px;
    height: 80px;
    bottom: 0;
    right: 90px;
}

/* Modal */

.modal-dialog.modal-dialog-centered {
    max-width: 100%;
}

.search-modal .close {
    right: 10px;
}

/* Top Icon */

.scroll-bottom-to-top {
    bottom: 19px;
    right: 10px;
}

/* Video Icon */

.video-zoom {
    display:none;
}

/* Case Study */

.case-box .box-content {
    bottom: 10%;
}

/* Services */

.tab-pane .process-right h3.pay-des {
    padding-top: 1rem;
}

.services-home1:after, .home-service-item-two:after {
    display:none;
}

/* Newsletter */

.news-letter-form .btn {
    padding: 20px 40px;
}
.news-letter-form .form-control {
    padding-right:0px;
   padding-left: 30px;
}

/* 404 */

.not-found-404 h2 {
    font-size: 150px;
}

/* Our Working Process */

section.section-our-workingflow-mobile .workflow-item .workflow-content h4 {
	color: #20dfe3;
	font-weight: 700;
}

section.section-our-workingflow-mobile .workflow-item .workflow-content {
	padding: 35px 40px;
	-webkit-box-shadow: 0px 8px 16px 0px rgb(101 101 101 / 18%);
	box-shadow: 0px 8px 16px 0px rgb(101 101 101 / 18%);
}
.workflow-home .features-inner .number-1, .workflow-home .features-inner .number-2, .workflow-home .features-inner .number-3, .workflow-home .features-inner .number-4 {
	
    width: 70px;
    height: 70px;
    line-height: 72px;
}

.features-inner .number-2 .icon-part, .features-inner .number-4 .icon-part {
    margin-top: 40px;
}

/* Why Choose Us */

.why_choose_home2.mt-5{
    margin-top:0!important;
    margin-bottom: 40px;
}

.choose-us .pl-5{
    padding-left:15px!important;
}

/* Our Team */

.single-team .image .social {
    position: absolute;
    top: 20px;
    right: 27%;
}

.single-team .image .social li{
    -webkit-transform: translateY(0);
    transform: translateY(20px);
    opacity: 1;
    visibility: visible;
}

/* Contact Form */

.contact-right-content .content p {
    color: #000;
}

.col-xl-6.col-lg-6.col-md-12.col-12.pr-35{
    padding-right:15px;
}

/* Pricing */

.pricing-table .inner-box-b { 
    transform: translateY(0px);   
    margin-top: 30px;
    margin-bottom: 30px;
}

.pricing3 .center-padding3 {
    margin: 120px 0;
}

/* Blog detail */
  
.detail-img-mobile {
	
	margin-top:30px;
} 

.detail-ad-img-mobile {
	margin-top:30px;
}

/* Footer */

.footer-main .logo {
    margin-top: 0px;
}
.footer-upper {
    padding-bottom: 45px;
    padding-top: 45px;
}
.footer-title {
    margin-top: 25px;
    margin-bottom: 25px;
}
.footer-bottom .container-fluid {
    padding-top: 15px;
    padding-bottom: 8px;
	display: block;
	text-align: center;
}
.input-btn-group .form-control {
    padding-left: 18px;
}

ul.list-unstyled.footer-links
{
	justify-content: center;
}

}

@media (min-width: 469px) and (max-width: 568px) {
	
/* About */

.video_icon_ab {
    left: 80%;
}

.video-one__link {
    display: flex;
    width: 80px;
    height: 80px;
    bottom: 0;
    right: 90px;
}
.about-img-box {
    position: relative;
    width: 450px;
    height: 370px;
    left: 50%;
    transform: translate(-50%);
    display: block;
    margin: unset;
}
.about-img {
    width: 225px;
    height: 225px;
    border-radius: 20px;
    box-shadow: 1px 1px 60px rgb(0 0 0 / 10%);
    position: relative;
    z-index: 0;
}
.about-img.img2 {
    width: 130px;
    height: 130px;
    position: absolute;
    top: 64px;
    right: 0;
    z-index: 5;
}
.about-img.img3 {
    width: 190px;
    height: 190px;
    position: absolute;
    bottom: 0;
    right: 70px;
    z-index: 2;
}	
/* Working Flow */

.workflow-home .custom-border-line:before {
    top: 51%;
    width: 64%;
}

.workflow-home .features-inner .features p {
    font-size: 15px;
}

/* Video Icon */

.video-zoom {
    display:none;
}

.single-blog3 {
    margin: 0;
}

}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
/* CSS */

br {
    display: none;
}

h2 {
    font-size: 28px;
}

.container-p {
	padding: 0 15px;
}
.container-padding {
	padding: 0 15px;
}
.transparent-header {
    padding-top: 10px;
    padding-bottom: 0px;
}

/* Heading */

.mainTitle.mb-3 {
    padding-top: 1rem!important;
}

.section-title .mainTitle{
    text-align:left!important;
}

.section-title h2.text-center {
    text-align:left!important;
}

.section-title .mainTitle .title-tag {
    font-size: 16px;
    padding-right: 50px;
}
.section-title .mainTitle .title-tag::before {    
    width: 40px;
}

.main-heading3 .title-tag {
    font-size: 28px;
}

.main-heading3 .sub-title {
    font-size: 22px;
}
.about3-content .about3-heading {
    font-size: 30px;
}

.bottom-icon h6 {
    margin-bottom: 20px;
}

/* Header */

.bannerCover .carousel-inner .carousel-item h1 {
    font-size: 33px;
}
.bannerCover .position-absolute.form-position {
    bottom: 8%;
}
.bannerCover .carousel-indicators {
    bottom: -4px;
}
.hero-form .btn.btn-search {
    padding: 10px 20px;
    font-size: 15px;
}
.hero-form .form-control {
    height: 51px;
}
.banner-content {
    margin-top: 9rem;
}

.banner-content h1{
    font-size: 30px;
}

.banner3-content h2{
	font-size: 40px;
} 


.banner3-content .btn3 {    
    font-size: 16px;
    padding: 14px 28px;
}

/* About */

.video_icon_ab {
 
    left: 65%;
}

.about-border:after, .about-border:before{
    display:none;
}
.about-img-box {
    position: relative;
    width: 290px;
    height: 290px;
    left: 50%;
    transform: translate(-50%);
    display: block;
    margin: unset;
}

.about-img {
    width: 180px;
    height: 180px;
    border-radius: 20px;
    box-shadow: 1px 1px 60px rgb(0 0 0 / 10%);
    position: relative;
    z-index: 0;
}
.about-img.img2 {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 95px;
    right: 0;
    z-index: 5;
}
.about-img.img3 {
    width: 150px;
    height: 150px;
    position: absolute;
    bottom: 0;
    right: 70px;
    z-index: 2;
}

/* Video Icon */

.video-zoom {
    display:none;
}

.video_icon_ab span{
    display:none;
}

/* Modal */

.modal-dialog.modal-dialog-centered {
    max-width: 100%;
}

.search-modal .close {
    right: 10px;
}

/* Why Choose Us */

.why_choose_home1:before, .why_choose_home1:after, .why_choose_home2:before{
    display:none;
}

.why_choose_home2.mt-5{
    margin-top:0!important;
    margin-bottom: 40px;
}

.choose-us .pl-5{
    padding-left:15px!important;
}

.choose-list .services-list li {
    padding-top: 20px;
    padding-left: 60px;
  
}

.tick-box {
    top: 25px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 20px;
}

/* Button */

.case-box .box-content {
    bottom: 10%;
}

/* Newsletter */

.news-letter-form .form-control {
    height: 60px;
}

.news-letter-form .form-control {
    padding-right: 0px;
    padding-left: 11px;
}

.news-letter-form .btn {
    padding: 10px 25px;
    font-size: 11px;
    top: 4px;
    right: 4px;
    bottom: 4px;
}

.news-letter-form input, input::-webkit-input-placeholder {
    font-size: 12px;
}
.contact3-inp {
    padding: 10px 12px;
}

.newsletter3 {
    padding: 50px 0px;
}

.newsletter3-form .p-btn3 {
    font-size: 12px;
	padding: 15px 20px;
}

/* Services */

.tab-pane .process-right h3.pay-des {
    padding-top: 1rem;
}

.services-home1:after, .home-service-item-two:after {
    display:none;
}

/* 404 */

.not-found-404 h2 {
    font-size: 150px;
}

/* Our Working Process */

section.section-our-workingflow-mobile .workflow-item .workflow-content h4 {
	color: #20dfe3;
	font-weight: 700;
}

section.section-our-workingflow-mobile .workflow-item .workflow-content {
	
	padding: 35px 40px;
	-webkit-box-shadow: 0px 8px 16px 0px rgb(101 101 101 / 18%);
	box-shadow: 0px 8px 16px 0px rgb(101 101 101 / 18%);
}

/* Working Flow*/

.workflow-home .features-inner .number-1, .workflow-home .features-inner .number-2, .workflow-home .features-inner .number-3, .workflow-home .features-inner .number-4 {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    border-radius: 100%;
    box-shadow: 0 15px 2px -3px #0d0d0d;
}

.workflow-home .features-inner .features p {
    font-size: 15px;
}
.work-flow-bg-pattern {    
    margin-top: 52px;    
}

.features-inner .number-2 .icon-part, .features-inner .number-4 .icon-part {
    margin-top: 28px;
}

.workflow-home .features-inner .number-1, .workflow-home .features-inner .number-2, .workflow-home .features-inner .number-3, .workflow-home .features-inner .number-4 {
    width: 50px;
    height: 50px;
    line-height: 52px;
}

/* Our Team */

.single-team .image .social {
    position: absolute;
    top: 15px;
    right: 20%;
}

.single-team .image .social li{
    -webkit-transform: translateY(0);
    transform: translateY(20px);
    opacity: 1;
    visibility: visible;
}

.team3-innerbox{	
    transform: translateY(0px)!important;	
	margin-bottom:24px;
}

.section-padding{
	padding: 50px 0px;
}  

/* Contact Form */

.contact-right-content .content h3 {
    padding-top: 3px;
    margin: 0;
}

.col-xl-6.col-lg-6.col-md-12.col-12.pr-35{
    padding-right:15px;
}

/* Pricing */

.pricing-table .inner-box-b { 
    transform: translateY(0px);   
    margin-top: 30px;
    margin-bottom: 30px;
}

.inner-banner-title {
    padding: 0px;
}

.pricing3-btn .toggler {
    font-size: 18px;
}

.pricing3-btn .toggle {
    width: 80px;
    height: 35px;
}

.pricing3 .center-padding3 {
    margin: 120px 0;
}

/* Blog Detail */
  
.detail-img-mobile {
	
	margin-top:30px;
} 

.quote-icon {
	
    top: -13px;
}

.quote-icon .fa-quote-left {
	
    font-size: 25px;
}
.detail-ad-img-mobile {
	
	margin-top:30px;
}

/* Banner Home2 */

.bannerCover .carousel-inner .carousel-item  img {
	object-fit: cover;
	height:100vh;
}

.bannerCover .carousel-inner .carousel-item .carousel-caption {
    top: 18%;
    text-align: left;
    left:5%;
    right: 5%;
}

.bannerCover .carousel-inner .carousel-item p {
    width: 100%;
    margin: 0px auto 40px;
}

.bannerCover .position-absolute.form-position {
    bottom: 15%;
	left:20px;
	right:20px;
   
}

.bannerCover .carousel-indicators {
    bottom: 20px;
}

.input-btn-group .form-control {
    padding-left: 18px;
}

ul.list-unstyled.footer-links
{
	justify-content: center;
}

/* Footer */

.footer-main .logo {
    margin-top: 0px;
}
.footer-upper {
    padding-bottom: 45px;
    padding-top: 45px;
}
.footer-title {
    margin-top: 25px;
    margin-bottom: 25px;
}
.footer-bottom .container-fluid {
    padding-top: 15px;
    padding-bottom: 8px;
	display: block;
	text-align: center;
   
}
.footer-bottom .container {
    padding-top: 15px;
    padding-bottom: 8px;
	display: block;
	text-align: center;
   
}
.footer-copy a{
    padding: 4px;
}

.testimonial3-box .client3-title {
    display: grid;
}

.single-blog3 {
    margin: 0;
}

}

@media (max-width: 320px) {
  
/* CSS */

br {
    display: none;
}

h2 {
    font-size: 28px;
}

.container-p {
	padding: 0 15px;
}
.container-padding {
	padding: 0 15px;
}
.transparent-header {
    padding-top: 10px;
    padding-bottom: 0px;
}
.btn3 {    
    font-size: 15px;
    padding: 12px 20px;
}

/* Heading */

.mainTitle.mb-3 {
    padding-top: 1rem!important;
}

.section-title .mainTitle{
    text-align:left!important;
}

.section-title h2.text-center {
    text-align:left!important;
}

.section-title .mainTitle .title-tag {
    font-size: 16px;
    padding-right: 50px;
}
.section-title .mainTitle .title-tag::before {
    
    width: 40px;
}

/* Header */

.bannerCover .carousel-inner .carousel-item h1 {
    font-size: 33px;
}
.bannerCover .position-absolute.form-position {
    bottom: 8%;
}
.bannerCover .carousel-indicators {
    bottom: -4px;
}
.hero-form .btn.btn-search {
    padding: 10px 20px;
    font-size: 15px;
}
.hero-form .form-control {
    height: 51px;
}
.banner-content {
    margin-top: 9rem;
}

.banner-content h1{
    font-size: 30px;
}

.banner3-content h2 {    
    font-size: 38px;    
}

/* About */

.video_icon_ab {
 
    left: 65%;
}

.about-border:after, .about-border:before{
    display:none;
}
.about-img-box {
    position: relative;
    width: 260px;
    height: 295px;
    left: 50%;
    transform: translate(-50%);
    display: block;
    margin: unset;
}

.about-img {
    width: 180px;
    height: 180px;
    border-radius: 20px;
    box-shadow: 1px 1px 60px rgb(0 0 0 / 10%);
    position: relative;
    z-index: 0;
}
.about-img.img2 {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 95px;
    right: 0;
    z-index: 5;
}
.about-img.img3 {
    width: 150px;
    height: 150px;
    position: absolute;
    bottom: 0;
    right: 70px;
    z-index: 2;
}

/* Video Icon */

.video-zoom {
    display:none;
}

.video_icon_ab span{
    display:none;
}

/* Modal */

.modal-dialog.modal-dialog-centered {
    max-width: 100%;
}

.search-modal .close {
    right: 10px;
}

/* Why Choose Us */

.why_choose_home1:before, .why_choose_home1:after, .why_choose_home2:before{
    display:none;
}

.why_choose_home2.mt-5{
    margin-top:0!important;
    margin-bottom: 40px;
}

.choose-us .pl-5{
    padding-left:15px!important;
}

.choose-list .services-list li {
    padding-top: 20px;
    padding-left: 60px;
  
}

.tick-box {
    top: 25px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 20px;
}

/* Casestudy */

.case-box .title {
    font-size: 25px;
}

.case-box .case-title {
    bottom: 35%;
    text-align: center;
}

.case-box .post {
    padding: 15px 20px;
}

.case-box .box-content {
    bottom: 12%;
}

/* Newsletter */

.news-letter-form .form-control {
    height: 50px;
}

.news-letter-form .form-control {
    padding-right: 0px;
    padding-left: 11px;
}

.news-letter-form .btn {
    padding: 8px 18px;
    font-size: 11px;
    top: 4px;
    right: 4px;
    bottom: 4px;
}

.news-letter-form input, input::-webkit-input-placeholder {
    font-size: 12px;
}
.newsletter3 {
    padding: 50px 0px;
}

.contact3-inp {
    padding: 10px 12px;
}

.newsletter3-form .p-btn3 {
    font-size: 12px;
    padding: 15px 20px;
}

/* Services */

.tab-pane .process-right h3.pay-des {
    padding-top: 1rem;
}

.services-home1:after, .home-service-item-two:after {
    display:none;
}

.tab-menu .tab-head {
    font-size: 15px;
    padding: 8px;
}

/* 404 */

.not-found-404 h2 {
    font-size: 150px;
}

/* Our Working Process */

section.section-our-workingflow-mobile .workflow-item .workflow-content h4 {
	color: #20dfe3;
	font-weight: 700;
}

section.section-our-workingflow-mobile .workflow-item .workflow-content {
	
	padding: 35px 40px;
	-webkit-box-shadow: 0px 8px 16px 0px rgb(101 101 101 / 18%);
	box-shadow: 0px 8px 16px 0px rgb(101 101 101 / 18%);
}

/* Working Flow */

.workflow-home .features-inner .number-1, .workflow-home .features-inner .number-2, .workflow-home .features-inner .number-3, .workflow-home .features-inner .number-4 {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    border-radius: 100%;
    box-shadow: 0 15px 2px -3px #0d0d0d;
}

.workflow-home .features-inner .features p {
    font-size: 15px;
}
.work-flow-bg-pattern {    
    margin-top: 52px;    
}

.features-inner .number-2 .icon-part, .features-inner .number-4 .icon-part {
    margin-top: 28px;
}

.workflow-home .features-inner .number-1, .workflow-home .features-inner .number-2, .workflow-home .features-inner .number-3, .workflow-home .features-inner .number-4 {
    width: 50px;
    height: 50px;
    line-height: 52px;
}

/* Our Team */

.single-team .image .social {
    position: absolute;
    top: 15px;
    right: 20%;
}

.single-team .image .social li{
    -webkit-transform: translateY(0);
    transform: translateY(20px);
    opacity: 1;
    visibility: visible;
}

.team3-innerbox {
    transform: translateY(0px)!important;
    margin-bottom: 24px;
}

/* Contact Form */

.contact-right-content .content h3 {
    padding-top: 3px;
    margin: 0;
}

.col-xl-6.col-lg-6.col-md-12.col-12.pr-35{
    padding-right:15px;
}

/* Pricing */

.pricing-table .inner-box-b { 
    transform: translateY(0px);   
    margin-top: 30px;
    margin-bottom: 30px;
}

.inner-banner-title {
    padding: 0px;
}

.pricing3-btn .toggler {
    font-size: 14px;
}

.pricing3-btn .toggle {
    width: 70px;
    height: 30px;
}

.pricing3 .center-padding3 {
    margin: 120px 0;
}

/* Blog Detail */
  
.detail-img-mobile {
	
	margin-top:30px;
} 

.quote-icon {
	
    top: -13px;
}

.quote-icon .fa-quote-left {
	
    font-size: 25px;
}
.detail-ad-img-mobile {
	
	margin-top:30px;
}

.pagination-blog .page-numbers {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

/* Banner Home2 */

.bannerCover .carousel-inner .carousel-item  img {
	object-fit: cover;
	height:100vh;
}

.bannerCover .carousel-inner .carousel-item .carousel-caption {
    top: 18%;
    text-align: left;
    left:5%;
    right: 5%;
}

.bannerCover .carousel-inner .carousel-item p {
    width: 100%;
    margin: 0px auto 40px;
}

.bannerCover .position-absolute.form-position {
    bottom: 15%;
	left:20px;
	right:20px;
   
}

.bannerCover .carousel-indicators {
    bottom: 20px;
}

.input-btn-group .form-control {
    padding-left: 18px;
}

ul.list-unstyled.footer-links
{
	justify-content: center;
}

/* Footer */

.footer-main .logo {
    margin-top: 0px;
}
.footer-upper {
    padding-bottom: 45px;
    padding-top: 45px;
}
.footer-title {
    margin-top: 25px;
    margin-bottom: 25px;
}
.footer-bottom .container-fluid {
    padding-top: 15px;
    padding-bottom: 8px;
	display: block;
	text-align: center;
   
}
.footer-bottom .container {
    padding-top: 15px;
    padding-bottom: 8px;
	display: block;
	text-align: center;
   
}
.footer-copy a{
    padding: 4px;
}

}