@keyframes anim-rotate {0% {transform: rotateX(1);} 50% {transform: rotateX(0) rotateY(.5turn);} 100% {transform: rotateX(0) rotateY(0);}}
@-webkit-keyframes shake {from {-webkit-transform: rotate(10deg);}
 to {-webkit-transform-origin:center center;-webkit-transform: rotate(-10deg);}}  

/*Black Bordred btn*/
.bordered-btn{height: 50px; border-radius: 30px;border: 2px solid #585858;padding: 0 20px;font-size: 18px; font-weight: 500;line-height: 50px;}
.bordered-btn i{color: #FF3636;}
.bordered-btn:hover{background: #1d1d1d;color: #fff;border-color: #1d1d1d;}

/*--------------------------------------------*/
/*Header*/
/*--------------------------------------------*/
.navbar{padding: 20px 100px;}
.navbar .logo img{height: 35px;}
.navbar.nav-scroll{padding: 10px 100px;}
.navbar.nav-scroll .logo img{height: 40px;}

.header-main .caption h1{font-size: 70px;font-weight: 800;line-height: 90px;}
.header-main .caption h1 span{color: #FF3636;}
.header-main .caption h5{font-size: 24px; font-weight: 500;margin-bottom: 20px;}
.header-main .caption h5 strong{color: #FF3636;font-weight: 800;}
.header-main .caption p{color: #636363;font-weight: 500;font-size: 22px; line-height: 34px;}
.filled-btn{font-size: 17px; font-weight: 600;color: #fff;background: #FF3636;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.filled-btn:hover{color: #fff; box-shadow: 0 7px 30px rgba(255,54,54,0.6);}
.navbar .help-line{padding-left: 40px; border-left: 1px solid #BEBEBE;}
.navbar .help-line .icon{height: 50px; width: 50px;background: #FF3636; text-align: center; line-height: 50px; border-radius: 100%;float: left;margin-right: 10px;}
.navbar .help-line .icon img{height: 28px;}
.navbar .help-line h6{color: #636363; font-weight: 500; font-size: 15px;line-height: normal;}
.navbar .help-line h5{color: #1D1D1D; font-weight: 500; font-size: 17px;line-height: normal;margin-bottom: 0;}

/*--------------------------------------------*/
/*Banner*/
/*--------------------------------------------*/
.rts-hero { position: relative;}
.rts-hero__images { margin-bottom: -10%; z-index: 1;}
.rts-hero__images .rts-hero-main { text-align: center;}
.rts-hero__images .rts-hero-main .hero-shape {position: absolute;}
.rts-hero__images .rts-hero-main .hero-shape.one {bottom: -7%; left: 0; z-index: -1;}
.rts-hero__images--shape .one { top: 0%;position: absolute;left: 0%;}
.rts-hero__images--shape .two {position: absolute;bottom: 10%;left: 10%;}
.rts-hero__images--shape .three { position: absolute;right: 8%;top: 0%;}
.rts-hero__images--shape .four {position: absolute;right: -2%; bottom: 25%;}
.top-bottom {animation: moveTopToBottom 15s linear infinite;}
.bottom-top {animation: moveBottomToTop 15s linear infinite;}
.top-bottom2 {animation: moveTopToBottom2 8s linear infinite;width: auto;max-width: 100%;}
@keyframes moveTopToBottom {
  from {transform: translateY(-20%);}
  50% {transform: translateY(20%);}
  to {transform: translateY(-20%);}
}
@keyframes moveBottomToTop {
  from {transform: translateY(20%);}
  50% {transform: translateY(-20%); }
  to {transform: translateY(20%);}
}
@keyframes moveTopToBottom2 {
  from {transform: translateY(-2%);}
  50% {transform: translateY(2%);}
  to {transform: translateY(-2%);}
}
@media (max-width: 991px) {
.rts-hero__images {margin-bottom: 0; margin-top: 100px;}
.rts-hero__images .rts-hero-main .hero-shape.one {left: 50%; transform: translateX(-50%);}
.rts-hero__images--shape .four {right: 0;}
}
@media (max-width: 768px) {
.rts-hero__images .rts-hero-main .image-main {width: 70%;margin: auto;}
}
@media (max-width: 576px) {
.rts-hero__images--shape .two {left: 5%;}
.rts-hero__images--shape .three {right: 5%;}
.rts-hero__images--shape .four { bottom: 10%;}
.rts-hero__images--shape .one, .rts-hero__images--shape .two, .rts-hero__images--shape .three, .rts-hero__images--shape .four {animation: none;}
}

.main-marq .box .item h4{color: transparent; -webkit-text-stroke: 0.8px #fff;}

/*--------------------------------------------*/
/*Home - Services*/
/*--------------------------------------------*/
#services{padding: 100px 0;}
#services .title{font-size: 50px; font-weight: 800;margin-bottom: 50px;line-height: normal;}
#services .serv-item{border: 1px solid #E7E7E7;border-radius: 30px;padding: 40px;min-height: 410px;margin-bottom: 30px;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
#services .serv-item .icon{width: 100px; height: 100px;border-radius: 100%;text-align: center;line-height: 100px;margin-bottom: 30px; background: #f3f5f9;}
#services .serv-item:hover{box-shadow: 0 15px 40px rgba(0,0,0,0.15);border-color: transparent;}
#services .serv-item .icon img{height: 40px;width: auto;}
/*
#services .serv-item .icon.serv-color1{background: #9378DE;}
#services .serv-item .icon.serv-color2{background: #D46B97;}
#services .serv-item .icon.serv-color3{background: #68CD8B;}
#services .serv-item .icon.serv-color4{background: #EF8F00;}
#services .serv-item .icon.serv-color5{background: #6DCBD8;}
*/
#services .serv-item h4{font-size: 24px; font-weight: 500; line-height: 30px;margin-bottom: 15px;}
#services .serv-item p{color: #636363; font-size: 16px; line-height: 26px;}


/*--------------------------------------------*/
/*Home - Share files securely*/
/*--------------------------------------------*/
.about__area { overflow: hidden; background-color: #fff;}
.about__area .sec-title {max-width: 770px; position: relative; z-index: 9;}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.about__area .sec-title {max-width: 660px;}
.about__area-2 {background-position: -15% 47%;}
.about__area-2 .sec-text-wrapper {gap: 50px;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.about__area-2 #btn_wrapper, .about__area-2 .btn_wrapper {margin-left: auto; margin-right: 0;margin-top: -20px;}
.about__img-2 {margin-bottom: 22px;}
}
.about__area-2 { overflow: hidden;background-color: #1D1D1D;background-image: url(../imgs/2.png); background-repeat: no-repeat;background-position: 0 28%;}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
  .about__area-2 {background-position: 0 40%;}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about__area-2 {background-position: 0 37%;background-size: 14%;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.about__area-2 {background-position: 0 39%;}
.about__area-2 .sec-title-wrapper { max-width: 600px;}
.about__area-2 .sec-text-wrapper {gap: 50px;}
.about__img-2 {margin-bottom: 35px;}
}

@media only screen and (max-width: 767px) {
.about__area-2 {background-size: 0;}
.about__area-2 .sec-title-wrapper { padding-bottom: 50px;}
.about__area-2 .sec-text {padding-bottom: 40px;}
.about__area-2 .sec-text-wrapper {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 50px;}
.about__img-2 {margin-bottom: 0;}
}
.about__area-2 .sec-title {color: #fff;font-size: 50px;font-weight: 800;}
.about__area-2 .sec-title-wrapper { max-width: 770px; padding-bottom: 70px;}
.about__area-2 .sec-text p {font-size: 18px;line-height: 26px;color: #CBCBCB;font-weight: 500;}
.about__area-2 .sec-text-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: right; -ms-flex-pack: right;justify-content: right;gap: 215px;}
.about__img-2 {max-width: 100%; padding: 0 100px; margin: 0 auto; overflow: hidden; max-height: 600px;margin-bottom: 140px;}
.about__img-2 img {width: 100%;}
.pt-130 {padding-top: 130px;}
.pb-110 {padding-bottom: 110px;}

/*--------------------------------------------*/
/*Home - Solutions for Business!*/
/*--------------------------------------------*/
#section-four{padding: 100px 0;}
#section-four h2{font-size: 50px; font-weight: 800;}
#section-four p{font-size: 19px; color: #636363;line-height: 30px;font-weight: 400;}
#section-four ul.list-arrow{margin-top: 30px !important;}
#section-four .list-arrow li{font-size: 18px;font-weight: 500;}
#section-four .bordered-btn{height: 50px; border-radius: 30px;border: 2px solid #585858;padding: 0 20px;font-size: 18px; font-weight: 500;line-height: 50px;}
#section-four .bordered-btn i{color: #FF3636;}
#section-four .bordered-btn:hover{background: #1d1d1d;color: #fff;border-color: #1d1d1d;}

#section-four .cta-btn{text-align: center;height: 50px; line-height: 50px; background: linear-gradient(to right, rgba(255,54,54,1) 49%,rgba(255,105,40,1) 100%);width: 100%;font-weight: 500; font-size: 20px;color: #fff;letter-spacing: 0.4px;}
#section-four .cta-btn a{font-weight: 600;}


/*--------------------------------------------*/
/*Home - Businesses Industries*/
/*--------------------------------------------*/
#industries{padding: 100px 0;}
#industries .title{font-size: 50px; font-weight: 800;margin-bottom: 50px;line-height: normal;}
#industries .nav-pills .nav-link.active, .nav-pills .show > .nav-link{color: #FF3636; background-color: #fff;box-shadow: 0 8px 40px rgba(0,0,0,0.13);border-radius: 10px;}
#industries .nav-pills .nav-link{font-size: 18px;font-weight: 600;color: #1D1D1D;height: 60px; line-height: 60px;padding: 0 30px;text-align: left;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
#industries .tab-content .tab-pane img{border-radius: 30px;}
#industries .tab-content .tab-pane h4{font-size: 28px;font-weight: 500;margin-bottom: 30px;margin-top: 40px;}
#industries .tab-content .tab-pane p{font-size: 20px;color: #636363;}

/*--------------------------------------------*/
/*Home - Contact Us*/
/*--------------------------------------------*/
.contact_form{background: #F1F4F6;padding: 50px;border-radius: 30px;}
.contact_form .controls input, .contact_form .controls textarea{background: #fff;border: 0;}

/*--------------------------------------------*/
/*Footer*/
/*--------------------------------------------*/
.footer-container .tit h6{color: #fff;}
.footer-container .text p{color: #cecece;font-weight: 400;}
footer .social-text li a{color: #cecece;font-size: 15px;}
footer .copyright p{color: #cecece;font-weight: 400;}


/*--------------------------------------------*/
/*Services - Web Development Services*/
/*--------------------------------------------*/
#slider.inner-banner.services{height: 750px;}
#slider.services .swiper-slide{padding: 160px 0 0 0;}
#slider.services h6{font-size: 22px; color: #FF3636; font-weight: 500;margin-bottom: 20px;}
#slider.inner-banner.services h1{font-size: 54px; font-weight: 700; line-height: 64px;text-align: left; text-transform: none;}
#slider.inner-banner.services p{margin-top: 20px;font-size: 20px; color: #202020;}
#slider.inner-banner.services .slide-content .black-btn{color: white;background-color: #000;border: 2px solid #FFCC29;transition: all 0.3s ease;box-shadow: 5px 5px 0 #FFCC29;}
#slider.inner-banner.services p a{text-decoration: underline;}

/*Custom Web Development Services*/
#custom_services {padding-top: 60px;}
#custom_services h2{text-align: center;font-weight: 700;font-size: 50px;line-height: 60px;margin-bottom: 30px;}
#custom_services .sub-para{font-size: 18px;text-align: center;margin-bottom: 50px;}

#custom_services .service-box{border: 1px solid #e3e3e3;padding: 20px;display: flex;margin-bottom: 30px; border-radius: 15px; -webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
#custom_services .service-box:hover{box-shadow: 0 15px 40px rgba(0,0,0,0.15);border-color: transparent;}
#custom_services .service-box img{height: 60px;width: auto;}
#custom_services .service-box .content-panel{margin-left: 30px;align-content: center;}
#custom_services .service-box .content-panel h5{font-size: 20px;font-weight: 500;}

/*Our Tech Stack*/
#technologies .link-btn{font-size: 20px; font-weight: 600;color: #000;text-decoration: underline;}

/*Why Choose Shaw Info Solutions*/
#why_choose{background: #F4F4F4;padding: 90px 0;}
#why_choose h2{font-weight: 700;font-size: 44px;line-height: 50px;margin-bottom: 30px;}
#why_choose .sub-para{font-size: 18px;margin-bottom: 50px;font-weight: 400;line-height: 30px;}

#why_choose .fuature-box{padding: 40px;margin-bottom: 30px;background: #fff;border-radius: 15px;}
#why_choose .fuature-box img{height: 70px;}
#why_choose .fuature-box h4{font-size: 24px; font-weight: 600;margin-top: 20px;}
#why_choose .fuature-box p{font-size: 16px; line-height: 26px;margin-bottom: 0;}

/*Our Web Development Process*/
#dev_process{padding: 100px 0;}
#dev_process h2{font-weight: 700;font-size: 44px;line-height: 50px;margin-bottom: 20px;text-align: center;}
#dev_process .sub-para{font-size: 18px;margin-bottom: 50px;font-weight: 400;text-align: center;color: #444;}

#dev_process .process-box{padding: 50px 30px;margin-bottom: 30px;background: #fff;border: 2px solid; border-radius: 15px; border-color: transparent;position: relative;}
#dev_process .process-box:hover{box-shadow: 0 15px 40px rgba(0,0,0,0.15);}
#dev_process .process-box h1{position: absolute;right: 10px; top: 10px;font-size: 90px; color: #EFEFEF;font-weight: 700; line-height: 70px; }
#dev_process .process-box img{height: 70px;}
#dev_process .process-box h4{font-size: 20px; font-weight: 600;margin-top: 30px;}
#dev_process .process-box p{font-size: 17px; line-height: 24px;margin-bottom: 0;color: #444444;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical;}


/*Call to action (CTA)*/
#cta_callback.cta-services h2{font-size: 54px; font-weight: 700;margin-top: 50px;}
#cta_callback.cta-services p{font-size: 20px;}
#cta_callback.cta-services hr{margin: 0;}
#cta_callback .link-btn{margin-top: 80px;}
#cta_callback{padding: 50px 0;}
#cta_callback hr{border-top: 3px solid #000;}
#cta_callback h2{font-size: 54px;line-height: 60px; font-weight: 300;}
#cta_callback h2 strong{font-weight: 700;}
#cta_callback h2 span{color: #FFCC29;font-weight: 700;}
#cta_callback .link-btn{font-size: 20px; font-weight: 700;color: #0A152F;display: inline-block;position: relative;}
#cta_callback .link-btn::after {content: '';position: absolute;top: 18px;left: 0;height: 8px;width: 100%;background: #fbb;z-index: -1;}

/*--------------------------------------------*/
/*Numbers of Facts*/
/*--------------------------------------------*/
#number_facts{padding-bottom: 120px;}
#number_facts .facts-numbers{border: 2px solid #000;box-shadow: 7px 7px 0 rgba(0,0,0,1);display: flex; justify-content: space-around;
align-items: center;padding: 50px 0;position: relative;}
#number_facts .facts-numbers:hover{box-shadow: 7px 7px 0 #FF3636;}
#number_facts .facts-numbers li{text-align: center;}
#number_facts .facts-numbers li h2{font-size: 54px; font-weight: 700;line-height: 50px;margin-bottom: 20px;}
#number_facts .facts-numbers li p{font-size: 20px; margin-bottom: 0;}
#number_facts .facts-numbers:after{background: #BCBCBC;content: ''; position: absolute; left: 33%;height: 95px; width: 1px;top: 50px;}
#number_facts .facts-numbers:before{background: #BCBCBC;content: ''; position: absolute; right: 33%;height: 95px; width: 1px;top: 50px;}

/*--------------------------------------------*/
/*Services - Technology Stack*/
/*--------------------------------------------*/
#technologies{padding: 100px 0;}
#technologies h2{font-size: 50px; line-height: 60px;font-weight: 700;text-align: center;margin-bottom: 20px;}
#technologies h2 span{color: #FFCC29;}
#technologies h6{text-align: center;font-size: 18px; font-weight: 400;margin-bottom: 50px;line-height: 30px;}
#technologies h6 span{color: #FFCC29;text-decoration: underline;}
#technologies .technology{text-align: center;padding: 0;}
#technologies .technology li{display: inline-flex;align-items: center;justify-content: center; border: 1px solid #333;border-radius: 15px;padding: 10px 15px;box-shadow: 4px 4px 0 #333;margin: 0 10px 20px 10px;}
#technologies .technology li img{height: 40px; width: 40px; object-fit: contain;margin-right: 15px;}
#technologies .technology li h6{font-size: 18px; font-weight: 500;margin-bottom: 0;}
#technologies .white-btn{background: #fff;margin-left: 20px;}
#technologies .white-btn:hover{color: #0A152F;}

/*--------------------------------------------*/
/*About Us - On a Mission*/
/*--------------------------------------------*/
#on_mission{padding: 120px 0;}
#on_mission h6{font-size: 20px; font-weight: 500; color: #FF3636;text-transform: uppercase;}
#on_mission h2{font-size: 54px; line-height: 64px;font-weight: 700;margin-bottom: 30px;}
#on_mission p{font-size: 20px; line-height: 30px;font-weight: 400;}

/*--------------------------------------------*/
/*About Us - Innovative IT Solutions*/
/*--------------------------------------------*/
#innnovative_solutions{background: #FF3636;padding: 120px 0;border-top: 2px solid #000; border-bottom: 2px solid #000;}
#innnovative_solutions h2{font-size: 54px;font-weight: 700;line-height: 60px;margin-bottom: 30px;color: #fff;}
#innnovative_solutions p{font-size: 20px; line-height: 30px;color: #fff;}
#innnovative_solutions .img-panel{border-radius: 30px; border: 2px solid #000;max-width: 450px; height: 400px; object-fit: cover; transform: rotate(10deg);-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
#innnovative_solutions .img-panel:hover{transform: rotate(0deg);}
#innnovative_solutions .bordered-btn{border-color: #fff;color: #fff;}
#innnovative_solutions .bordered-btn:hover{background: #000;border-color: #000;}

/*--------------------------------------------*/
/*About Us - Our values*/
/*--------------------------------------------*/
#values{padding: 100px 15px;}
#values .benefit-copy-item{padding: 150px 30px 40px 0px;}
#values .benefit-copy-item h2{font-size: 50px; font-weight: 600;}
#values .benefit-copy-item h6{font-size: 18px; font-weight: 500; color: #656565;}
#values .benefit-item{padding: 80px 30px 40px 30px;min-height: 400px;}
#values .benefit-item h3{margin: 30px 0px 20px 0;font-size: 22px;}
#values .benefit-item p{color: #333333;line-height: 26px;margin-bottom: 0;}
#values .benefit-item.light-gray { border: 1px #000;}
#values .benefit-item.light-gray.border-round { border-style: solid solid none;}
#values .benefit-item.light-gray.border-top-bottom-left { border-top-style: solid; border-top-color: #000; border-bottom-style: solid; border-bottom-color: #000; border-left-style: solid; border-left-color: #000;}
#values .benefit-item.light-gray.border-top-bottom-right { border-top-style: solid; border-top-color: #000; border-right-style: solid; border-right-color: #000; border-bottom-style: solid; border-bottom-color: #000;}
#values .benefit-item.right-left-border { border-top: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000;}

/*--------------------------------------------*/
/*About Us - Contact Details*/
/*--------------------------------------------*/
#contact-details{padding-bottom: 100px;padding-top: 100px;background: #F7F7F7;border-top: 2px solid #000;border-bottom: 2px solid #000;}
#contact-details.mt--4{margin-top: -104px;}
#contact-details h6{font-size: 20px;}
#contact-details h2{font-weight: 700;font-size: 44px;margin-bottom: 40px;}
#contact-details ul li{background: #fff;padding: 30px;margin-bottom: 0;margin-bottom: 20px;position: relative; z-index: 0;}
#contact-details ul li label{font-size: 18px; font-weight: 600;display: block;color: #8c8c8c;}
#contact-details ul li h4{font-size: 22px; font-weight: 500;position: relative; display: inline-block;}
#contact-details ul li h4 a{color: #000;}
#contact-details ul li h4 a:after{content: ''; position: absolute;top: 18px; left: 0; height: 8px; width: 0%; background: #FF7676;z-index: -1;transition: width 1s;}
#contact-details ul li h4 a:hover:after{width: 100%;}
#contact-details ul li .bi-calendar2-check{font-size: 40px;float: left;margin-right: 20px;}
#contact-details ul li .link-btn:hover{color: #000;}

#contact-details .contact-form{background: #fff;border: 1px solid #000;padding: 40px 30px 60px 30px;position: relative; z-index: 0;}
#contact-details .contact-form h3{font-size: 24px; font-weight: 600;margin-bottom: 50px;}
#contact-details .contact-form .form-label{font-size: 14px; font-weight: 500;}
#contact-details .contact-form .form-label span{color: #FF3030;}
#contact-details .contact-form .form-control{height: 50px; border: 1px solid #000;border-radius: 0;font-size: 15px;font-weight: 400;color: #000;}
#contact-details .contact-form .form-control:focus{box-shadow: none;}
#contact-details .contact-form textarea.form-control{height: auto;}

/*--------------------------------------------*/
/*Porfolio*/
/*--------------------------------------------*/
#portfolio{padding: 100px 0;}
#portfolio h2 {font-weight: 700;font-size: 44px;line-height: 54px;margin-bottom: 30px;}
#portfolio .project-box{border: 2px solid #000;box-shadow: 7px 7px 0 #000;margin-bottom: 30px;overflow: hidden;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
#portfolio .project-box:hover{box-shadow: none;}
#portfolio .project-box img{height: 500px; object-fit: cover; object-position: top; width: 100%; -webkit-filter: grayscale(100%);filter: grayscale(100%);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
#portfolio .project-box:hover img {-webkit-filter: grayscale(0);filter: grayscale(0);}

#portfolio .project-box .content-panel{padding: 30px;border-top: 1px solid #000;}
#portfolio .project-box .content-panel h5{font-size: 20px; font-weight: 700;margin-bottom: 10px;color: #0A152F;}
#portfolio .project-box a:hover .content-panel h5{color: #FFCC29;}
#portfolio .project-box .content-panel p{font-size: 18px; font-weight: 400;line-height: 30px;margin-bottom: 0;color: #0A152F; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}
#portfolio .project-box .footer-tags{padding: 10px 20px;border-top: 2px solid #000;}
#portfolio .project-box .footer-tags ul li{height: 35px; line-height: 32px; background: #FFCC29;border-radius: 30px; color: #000;border: 1px solid #000; font-weight: 500; font-size: 14px;display: inline-block;padding: 0 15px;}

/*--------------------------------------------*/
/*Start Responsive and Mobile Views*/
/*--------------------------------------------*/

/*--------------------------------------------*/
/* Laptop with Desktop (1600px) View*/
/*--------------------------------------------*/
@media all and (max-width:1600px){
    
    
}

/*--------------------------------------------*/
/* Laptop with Desktop (1400px) View*/
/*--------------------------------------------*/
@media all and (max-width:1400px){
.header-main .caption h1 {font-size: 50px;font-weight: 800;line-height: 65px;}
.header-main .caption p{font-size: 18px;}
#services .serv-item{padding: 30px;}
#services .serv-item h4{font-size: 22px;}
.pb-110 {padding-bottom: 160px;}
.pt-130 {padding-top: 100px;}
    
}

/*--------------------------------------------*/
/* Laptop with Tab (1199px) View*/
/*--------------------------------------------*/
@media all and (max-width:1199px){
/*.navbar .logo img {height: 70px;}*/
.navbar {padding: 20px;}
.navbar .navbar-nav .nav-item .nav-link{padding: 0px; margin: 0 15px;font-size: 18px;}
.navbar .help-line{padding-left: 20px;}
.navbar .help-line h5{font-size: 16px;}
.main-box header.full-height {min-height: 70vh;}
.top-bottom2{max-width: 60%;}
    
}

/*--------------------------------------------*/
/* Laptop with Tab (1024px) View*/
/*--------------------------------------------*/
@media all and (max-width:1024px){
.main-box header.full-height {min-height: 100vh;padding: 100px 0 80px;}
    
}

/*--------------------------------------------*/
/* Mini Laptop with Tab (992px) View*/
/*--------------------------------------------*/
@media screen and (max-width: 992px) {
.navbar .navbar-collapse {border-top: 1px solid rgba(255, 255, 255, 0.1);margin-top: 0px;background: #1d1d1d;padding: 30px 10px;position: absolute;top: 70px;right: 0;left: 0;}
.navbar .help-line {padding-left: 0px;border-left: 0;background: #000;padding: 15px;border-radius: 15px;}
.navbar .navbar-nav .nav-item .nav-link{color: #fff;line-height: 50px;}
.navbar .help-line h6{color: #ccc;}
.navbar .help-line h5{color: #fff;}
    
}


/*--------------------------------------------*/
/* Mini Laptop with Tab (991px) View*/
/*--------------------------------------------*/
@media all and (max-width: 991px){
.section-padding {padding: 60px 0;}
h3 {font-size: 28px;}
.about__img-2{padding: 0 80px;margin-bottom: 80px;}
.about__area-2{background-position: 0 38%;background-size: 20%;}
.about__area-2 .sec-title{font-size: 34px;}
.sub-title{font-size: 16px;}
.about__area-2 .sec-text p{font-size: 15px;}
.pb-110 {padding-bottom: 20px;}
.pt-130 {padding-top: 70px;}
#section-four h2{font-size: 34px;}
#section-four p{font-size: 16px;}
    
#slider .slide-content h1 {font-size: 40px;	line-height: 50px;}
    
#innnovative_solutions {padding: 70px 0;}
#innnovative_solutions .img-panel {margin-top: 60px;height: 300px;width: 100%;}

#values .benefit-item {border-top: 1px solid #000;border-left: 1px solid #000;}
#values .benefit-item.light-gray.border-top-bottom-left {border-right-style: solid;border-right-color: #000;border-bottom-style: none;}
#values .benefit-item.light-gray.border-top-bottom-right {border-top-style: solid;border-left-style: solid;	border-left-color: #000;}
}


/*--------------------------------------------*/
/* Mini Tab with All Mobile Devices (767px) View*/
/*--------------------------------------------*/
@media all and (max-width:767px){
.services-tab .serv-tab-cont .item .cont{padding: 30px 25px;}
.services-tab .serv-tab-link .item-link{font-size: 20px;}
.header-main .caption h1{font-size: 34px;line-height: 44px;}
.header-main .caption p{font-size: 18px; line-height: 28px;}
.navbar{padding: 0 30px;}
header.header-main.full-height {min-height: 100%;padding: 150px 0 80px;}
.butn.butn-md {padding: 10px 25px;}
.filled-btn{font-size: 18px;}
.filled-btn.mt-50 {margin-top: 30px !important;}
.rts-hero__images {margin-bottom: 60px;margin-top: 60px;}
.about__area-2 {background-position: 0 63%;}
.about__area-2 .sec-title-wrapper {padding-bottom: 10px;}
#services {padding: 50px 0;}
#services .serv-item{min-height: auto;}
#services .title{font-size: 30px;margin-bottom: 40px;}
#section-four p{line-height: 28px;font-size: 16px;}
#section-four .list-arrow li{font-size: 16px;}
#section-four h2 {font-size: 28px;margin-top: 40px;}
#section-four .cta-btn {font-size: 16px;min-height: 65px; height: auto; line-height: 24px;	padding: 10px;}
#section-four .cta-btn.mt-70 {margin-top: 30px !important;}
#section-four {padding: 50px 0;}
#industries {padding: 50px 0;}
#industries .title{font-size: 28px;line-height: 38px;margin-bottom: 30px;}
.blog-modern.section-padding {padding: 50px 0;}
.blog-modern.section-padding h2.fz-50 {font-size: 28px !important;}
.blog-modern.section-padding .sub-title{font-size: 18px;}
.contact_form{padding: 30px 20px;}
.contact-crev .md-mb80 {margin-bottom: 40px;}
.section-padding {padding: 50px 0 !important;}
    
#slider.inner-banner.services h1 {font-size: 40px;line-height: 50px;}
#slider.inner-banner.services h6{font-size: 15px;line-height: 22px;}
#slider.inner-banner.services p{font-size: 17px;line-height: 24px;}
    
#custom_services h2{font-size: 34px; line-height: 40px;}
#custom_services .sub-para{font-size: 16px;}
#custom_services .service-box {	margin-bottom: 10px;}
    
#technologies h2 {font-size: 26px;line-height: 34px;}
#technologies h6{font-size: 18px;line-height: 22px;}
#technologies .technology li {padding: 10px;}
    
#on_mission {padding: 40px 0;}
#on_mission h6 {margin-top: 50px;}
#on_mission h2 {font-size: 32px;line-height: 40px;}
#on_mission p {font-size: 18px;}
    
#innnovative_solutions h2 {font-size: 44px;line-height: 50px;}
#innnovative_solutions p {font-size: 16px;line-height: 26px;}
    
#values {padding: 70px 15px;}
#values .benefit-copy-item {padding: 0px 30px 40px 0px;}
#values .benefit-copy-item h2 {font-size: 40px;}
    
#contact-details {padding-bottom: 60px;	padding-top: 60px;}

}
/*--------------------------------------------*/
/* Mini Tab with All Mobile Devices (667px) View*/
/*--------------------------------------------*/
@media all and (max-width: 667px){
.about__area-2 .sec-title {font-size: 28px;}
.about__area-2 .sub-title{font-size: 18px; line-height: 22px;}
#section-four h2 {font-size: 28px;font-weight: 700;margin-top: 30px;}
.header-main .caption h5{font-size: 18px;}
.header-main .caption p {font-size: 16px;line-height: 24px;}
.call-action-center .fz-60 {font-size: 25px !important;}
#industries .nav-pills{margin-bottom: 30px;}
#industries .nav-pills .nav-link{padding: 0 15px;font-size: 16px;height: 55px; line-height: 55px;}
#industries .tab-content .tab-pane h4{font-size: 22px; font-weight: 600;margin-bottom: 10px; margin-top: 30px;}
#industries .tab-content .tab-pane p{font-size: 16px;}
    
#number_facts {padding-bottom: 60px;}
#number_facts .facts-numbers{display: block;padding: 30px 0;}
#number_facts .facts-numbers::before{display: none;}
#number_facts .facts-numbers::after{display: none;}
#number_facts .facts-numbers li{margin-bottom: 30px;}
#number_facts .facts-numbers li:last-child{margin-bottom: 0;}
#number_facts .facts-numbers li h2 {font-size: 30px;line-height: 25px;margin-bottom: 10px;}
#number_facts .facts-numbers li p {font-size: 15px;}
    
#values .benefit-item {border-top: 1px solid #000;border-right: 1px solid #000;border-bottom: 1px solid #000;min-height: auto;max-height: none;	padding: 30px 20px;}
}

/*--------------------------------------------*/
/* Mini Tab with All Mobile Devices (575px) View*/
/*--------------------------------------------*/
@media all and (max-width: 575px){
.navbar {padding: 0;}
.about__area-2{background-image: none;}
.about__img-2 {padding: 0 15px;margin-bottom: 30px;}

}
/*--------------------------------------------*/
/* Mini Tab with All Mobile Devices (420px) View*/
/*--------------------------------------------*/
@media all and (max-width: 420px){


}

/*--------------------------------------------*/
/* Mini Tab with All Mobile Devices (320px) View*/
/*--------------------------------------------*/
@media all and (max-width: 320px){


}