:root{
  --color-383534:#383534;
  --color-ffffff:#ffffff;
  --color-121212:#121212;
}
/*-------------- media section ---------------*/
@media screen and (max-width: 1920px) and (min-width: 1600px){
  #slider h1 {
    font-size: 50px;
  }
  #collection-categories .categories-title-box{
  margin: 0 3px;
  }
  #collection-categories .categories-info{
    margin-left: 2px;
    margin-right: 2px;
  }
  #collection-categories {
    padding: 45px 30px 10px 30px;
  }
  #our-services .services-content-box {
    width: 195px;
    height: 195px;
    border: 18px solid var(--color-1b1a18);
  }
  #our-services img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image{
    top: -102px;
    left: -53px;
    height: 230px;
  }
  #our-services .owl-carousel .owl-item img{
    height: 72px;
  }
  #our-services .services-box h4 {
    font: 700 19px var(--font-fmaliy1);
  }
  #our-services .services-box i{
    font-size: 27px;
  }
  #our-services .services-content-box .services-box{
    margin-right: -20px;
  }
  #our-services .our-services-head a{
    font: 900 17px var(--font-fmaliy2);
    padding: 20px 30px;
  }
  #our-services .our-services-info{
    top: 143px;
  }
  p.about-us-para {
  padding-right: 70px;
  }
  #about-us .about-features .about-feature-box:nth-child(1) a{
    padding-right: 33px;
  }
  #about-us .about-features .about-feature-box:nth-child(4) a{
    padding-right: 40px;
  }
  #about-us .about-img img{
    bottom: 77px;
    left: -42px;
  }
  #our-projects .project-tabs li a{
    padding: 10px 27px;
  }
  #pricing-plan .plan-row-2 .plan-button {
    left: -10px;
  }
  #our-team .our-team-head .row {
    padding: 0 30px;
  }
  #our-blogs .blog-content img {
    top: -205px;
  }
  #our-blogs .blog-info {
    padding-top: 53px;
  }
  #our-blogs {
    padding-bottom: 12px;
  }
  #newsletter form input[type="email"] {
    padding: 18px 10px;
    max-width: 76%;
  }
  #newsletter form input[type="submit"] {
    padding: 18px 15px;
  }
  #our-video .video-box {
    width: 215px;
    height: 215px;
    border: 9px solid var(--color-ffffff);
    padding: 23px 45px;
    top: -70px;
  }
  #our-video .video-info h4 a {
    font-size: 24px ;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px){
  #topbar .cart i{
    left: 0;
  }
  #header{
    overflow: hidden;
  }
  #testimonial .testimonial-image img,#pricing-plan .plan-button,.page-template-home-page .site-header,#about-us .about-img img,#our-video .video-box,#pricing-plan .plan-content-box, #pricing-plan .plan-content-box1{
    position: unset !important;
  }
  #collection-categories,#our-projects .project-tabs ul,#our-team .our-team-content-box,.outer-footer{
    margin: 10px 0;
  }
  #topbar #topbar-contact1,#topbar #topbar-contact2{
    clip-path: none;
    padding:20px 0;
  }
  #topbar .logo-box {
    background-color: var(--color-383534) !important;
    padding-top: 0;
    padding-bottom: 20px;
  }
  #topbar .product-cart {
    text-align: center;
    padding-bottom: 25px;
  }
  #topbar .cart .cart-value {
    left: 52%;
    top: 5px;
  }
  #topbar{
    text-align: center;
  }
  #topbar #topbar-contact1 img, #topbar #topbar-contact2 img {
    left: 0;
    top:0;
  }
  #our-products .product-content h5,.copyright p,#newsletter,#our-blogs .services-button,#our-blogs,#our-team .our-team-content, #our-team .our-team-head,#our-team .our-team-head .team-button,#pricing-plan .plan-content,#pricing-plan .pricing-plan-head,#our-products .product-button,#our-products .our-products-head,#topbar .header-search,#our-features .feature-head,#our-services .our-services-head,#about-us,#our-projects{
    text-align: center;
  }
  .home.page-template #sticky-menu {
    background-color: var(--color-383534);
  }
  #slider h1{
    font-size: 13px;
  }
  #slider p,#slider .slide_nav,#footer .widget_nav_menu ul li:after{
    display: none;
  }
  #slider .slider-button-1,#our-video .video-box,#topbar .header-search{
    padding: 10px;
  }
  #slider .slider-button-1, #slider .slider-button-2{
    font-size: 12px;
  }
  #slider .slider-button-2 {
    padding: 10px 12px;
    margin: 10px;
  }
  .owl-carousel .owl-dots{
    padding:10px 0;
  }
  .owl-carousel .owl-dots{
    border-color: var(--color-d1b266) !important;
  }
  #our-services .services-button,#pricing-plan .plan-feature{
    margin: 8% auto;
    text-align: center;
  }
  #about-us{
    margin-top: 8rem;
  }
  #our-records .our-records-content,#newsletter{
    top:0;
  }
  #our-video .video-info h4 a{
    font-size: 20px;
  }
  #our-video .video-box{
    width: 150px;
    height: 150px;
  }
  .our-video-head {
    text-align: center;
    margin-bottom: 45px;
  }
  #pricing-plan .plan-row-1 .plan-button,#our-team .our-team-head .team-button,#our-blogs .services-button{
    display: inline-block;
    margin-top: 3rem;
    margin-bottom:20px;
  }
  #pricing-plan .plan-row-2 .plan-button{
    display: inline-block;
    margin-bottom:3rem;
  }
  #newsletter form input[type="email"]{
    max-width: 100%;
  }
  #newsletter form input[type="submit"]{
    position: unset;
    margin: 18px auto -30px auto !important;
    display: flex;
  }
  #our-blogs .owl-stage-outer {
    padding-top: 0;
  }
  #our-blogs .blog-content .row {
    justify-content: center;
  }
  .footer-card-logoes .footer-social-icons,.footer-card-logoes .footer-cards{
    clip-path: none;
    padding: 10px;
  }
  #return-to-top{
    margin: 10px auto;
    top:0;
  }
  #footer,#footer ul li,#footer .widget td{
    text-align: center;
  }
  #footer .widget td {
    display: block;
    margin: 0 auto;
  }
  #footer h3:after{
    margin: 10px auto;
  }
  .side-navigation ul,.side-navigation ul ul li,.side-navigation ul li a,.side-navigation a,.side-navigation li.current_page_item a{
    border-right:none !important;
  }
  #our-blogs .blog-content .blog-link{
    left: 0;
    right: 0;
    margin: 0 10px;
  }
  #our-video {
    padding: 10% 0;
  }
  #pricing-plan .plan-content {
    padding: 37px 20px;
  }
  #our-projects .project-tabs ul {
    justify-content: center;
  }
  #our-services,#our-records,#our-video,#testimonial{
    background-size: cover;
  }
  #testimonial .testimonial-title{
    text-align: center !important;
  }
  #our-services .our-services-info {
      top: 168px;
  }
  #topbar .header-search button.btn-search, #topbar .header-search button.btn-search,#topbar .header-search input, #topbar .header-search input{
    margin:0 auto;
    left: 0;
    right: 0;
  }
  #topbar #topbar-contact2{
    padding-bottom: 5px;
  }
  #topbar .topbar-email{
    padding-left: 0em;
  }
  .woocommerce ul.products li.product .star-rating, .star-rating{
    margin: 4px auto;
  }
  .ea-standard {
    width: 100% !important;
  }
  .hamburger {
    text-align: center;
  }
  #our-services .row.our-services-head {
    margin-bottom: -150px;
  }
  #our-products {
    padding-top: 0;
  }
  #our-products .product-button {
    margin: 15px 0;
  }
  #pricing-plan .plan-content-box-count:nth-child(3) .plan-feature,
  #pricing-plan .plan-content-box-count:nth-child(4) .plan-feature{
    padding-top: 15px;
  }
  #pricing-plan {
    background-image: none !important;
  }
  #testimonial {
    background-image: none !important;
  }
  #our-blogs .owl-carousel .owl-item img {
    position: relative;
    width: 88%;
    top: 0;
  }
  #our-blogs .blog-info {
    padding-top: 15px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px){
  #newsletter form input[type="email"] {
    max-width: 61%;
    padding: 12px 10px;
  }
  #topbar .cart i{
    left: 0;
    top:0;
  }
  #topbar .cart .cart-value {
    left: 52%;
    top: -14px;
  }
  #topbar .header-search button.btn-search, #topbar .header-search button.btn-search,#topbar .header-search input, #topbar .header-search input{
    margin:0 auto;
    left: 0;
    right: 0;
    top:0;
    height: 35px;
  }
  #topbar .header-search button.btn-search, #topbar .header-search button.btn-search{
    height: 35px;
    width: 35px;
  }
  #collection-categories .categories-title h3{
    font-size: 20px;
  }
  #pricing-plan .plan-content,#about-us .about-img{
    text-align: center;
  }
  #topbar #topbar-contact1, #topbar #topbar-contact2,#our-projects .project-head{
    padding: 20px;
    clip-path: none;
    text-align: center;
  }
  .owl-carousel .owl-dots{
    padding: 20px 0;
  }
  #topbar #topbar-contact1 img,#topbar #topbar-contact2 img{
    left: 0;
  }
  #topbar .topbar-contact p{
    font-size: 14px;
  }
  #topbar .topbar-email, #topbar .topbar-phone{
    border:none;
  }
  #collection-categories{
    margin-top: 10px;
  }
  #slider h1{
    font-size: 25px;
  }
  .slider-box{
    top:64%;
  }
  #our-products .product-content h5,#our-features .feature-head{
    text-align: center;
  }
  #about-us{
    margin-top: 7rem;
  }
  #about-us .about-details {
    padding-bottom: 4%;
  }
  #about-us .about-img img,#pricing-plan .plan-content-box, #pricing-plan .plan-content-box1,#pricing-plan .plan-row-1 .plan-button{
    position: unset;
  }
  .about-feature-box {
    margin: 20px 0;
  }
  #our-records .our-records-content{
    top:0;
  }
  #pricing-plan .plan-content-box1{
    margin: 2rem auto;
  }
  #pricing-plan .plan-row-1 .plan-button {
    display: block;
    margin: 2rem auto;
    text-align: center;
  }
  #our-blogs .blog-content{
    padding: 20px;
  }
  #our-blogs .blog-content img{
    right: 0px;
    position: relative;
    top: 0;
  }
  #our-blogs .owl-carousel .owl-item img {
    width: 100%;
  }
  #our-blogs .owl-stage-outer {
    padding-top: 0;
  }
  .outer-footer {
    margin-top: 20px;
  }
  #our-projects .project-tabs ul {
    justify-content: center;
  }
  #collection-categories .categories-content h4 a, #collection-categories .categories-content h3 a,#our-features .feature_box h4 a{
    font-size: 14px;
  }
  #our-video{
    padding: 6% 0;
  }
  #our-team .our-team-head{
    padding-bottom: 15%;
  }
  .testimonial-image {
    padding: 10% 0;
  }
  #testimonial .testimonial-title{
    text-align: left !important;
  }
  #our-services,#our-records,#our-video,#testimonial{
    background-size: cover;
  }
  #our-blogs .blog-info {
    padding-top: 20px;
  }
  .footer-card-logoes .footer-cards{
    padding: 77px 25px 25px 69px;
  }
  #our-services .our-services-info {
      top: 190px;
  }
  #slider .carousel-prev-button, #slider .carousel-next-button {
    bottom: 29%;
  }
  #topbar .header-search i {
    font-size: 12px;
  }
  .woocommerce ul.products li.product .star-rating, .star-rating{
    margin: 4px auto;
  }
  .ea-standard {
    width: 100% !important;
  }
  #topbar .topbar-email {
    padding-bottom: 0;
    padding-left: 0;
  }
  #topbar #topbar-contact1, #topbar #topbar-contact2 {
    padding: 5px 20px;
  }
  #collection-categories .categories-info:nth-child(1){
    margin-top: 0;
    margin-bottom: 20px;
  }
  #collection-categories {
    padding: 30px 15px 15px 15px;
  }
  #our-services .our-services-head {
    margin-bottom: -165px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 992px){
  #topbar .topbar-email {
    padding-left: 3em;
  }
  #topbar .topbar-email img {
    padding-right: 8px;
  }
  #topbar #topbar-contact2 img{
    width: 100%;
  }
  #topbar #topbar-contact1 img{
    width: 78%;
  }
  #collection-categories .categories-info:nth-child(1){
    margin-top: 0;
    margin-bottom: 30px;
  }
  #collection-categories {
    padding: 30px 15px 15px 15px;
  }
  #topbar .header-search input:focus, #topbar .header-search input:focus{
    width: 100px;
  }
  #footer .widget_nav_menu ul li a {
    padding-left: 12px !important;
  }
  #topbar .header-search input:focus ~ button.btn-search, #topbar .header-search input:focus ~ button.btn-search {
    left: 77px;
  }
  #our-services .our-services-info {
    top: 172px;
  }
  #our-services .owl-stage-outer {
    padding: 38px 0;
  }
  #pricing-plan .plan-row-1 .plan-button{
    left: 28px;
  }
  #pricing-plan .plan-content-box, #pricing-plan .plan-content-box1 {
    left: 35px;
  }
  #topbar #topbar-contact2{
    padding-right: 3%;
  }
  #topbar #topbar-contact1{
    padding-left: 3%;
  }
  #topbar #topbar-contact1 img, #topbar #topbar-contact2 img{
    left: 28px;
  }
  #our-projects .project-tabs li a{
    padding: 10px 9px;
  }
  #about-us {
    padding-top: 17% !important;
  }
  #our-records{
    height: 200px !important;
  }
  #our-video {
      padding: 5% 0;
  }
  .testimonial-image{
    position: absolute !important;
    bottom: 0;
    right: 0;
  }
  #testimonial{
    position: relative;
  }
  #our-blogs .blog-content img{
    right: 42px;
    top: -127px;
  }
  #our-blogs .blog-info {
    padding-top: 65px;
  }
  .outer-footer {
    margin-top: 50px;
  }
  .ea-standard {
    width: 100% !important;
  }
}
@media screen and (max-width: 1024px){
  #footer .widget_nav_menu ul li a {
    padding-left: 0;
  }
  #testimonial .testimonial-title-box img{
    margin: 0 auto;
  }
  #our-video .our-video-head small{
    letter-spacing: 14px;
  }
  .categories-info{
    background-color: transparent;
  }
  #collection-categories .categories-info{
    text-align: center;
    margin:10px 0;
  }
  #our-products .prodct-cart{
    margin-left: auto;
    margin-right: auto;
  }
  #our-projects .project-tabs li a{
    border:none;
  }
  #testimonial .testimonial-title {
    text-align: left;
    padding: 20px 0;
  }
  #testimonial .testimonial-title a{
    display: block;
  }
  #our-records{
    height: auto;
  }
  .headerbar,.side-navigation,.side-navigation li,.side-navigation ul li a,.side-navigation ul ul li,.side-navigation li.current_page_item{
    display: block;
  }
  .headerbar,#site-navigation {
    margin: 0;
  }
  .hamburger {
    padding: 10px;
    line-height: 0;
    outline: none;
  }
  .main-header .side-navigation {
    display: none
  }
  .side-navigation,.side-navigation li {
    padding: 0;
  }
  .side-navigation li{
    display: block;
    width: 100%;
  }
  .side-navigation .current_page_item > a, .side-navigation .current-menu-item > a, .side-navigation .current_page_ancestor > a{
    color: var(--color-ffffff);
  }
  .side-navigation ul li a {
    padding: 10px;
    color: rgba(255,255,255,.7);
    border-bottom: 1px solid rgba(73,71,71,.15) !important;
    background: 0 0!important;
    text-align: left;
    font-size:13px;
    line-height: 25px;
    font-weight: 400;
  }
  .side-navigation ul ul li{
    padding: 0;
  }
  .side-navigation ul,.side-navigation li,.side-navigation li.current_page_item {
    border:none;
  }
  amp-sidebar#sidebar1 {
    background:rgba(10,10,10,.9);
    width: 250px;
  }
  #sidebar1 {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    overflow-x: hidden;
    transition: .5s;
  }
  .side-navigation ul li ul, .side-navigation ul li ul ul {
    display: block !important;
  }
  .side-navigation ul ul,.side-navigation ul ul li {
    background: transparent !important;
  }
  .side-navigation ul ul {
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .side-navigation ul ul li{
    padding-left: 5px;
  }
  .side-navigation ul.sub-menu li a:before{
    content: none;
  }
  .side-navigation ul>li.menu-item-has-children>a:after{
    margin-top: 0;
  }
  .home.page-template .container {
    width: 100%;
  }
  iframe {
    width: 100%;
    height: auto;
  }
  /* Icon 1 */
  #nav-icon1{
    width: 40px;
    height: 30px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
  }
  #nav-icon1 span{
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background-color: #000;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
  #nav-icon1 span{
    background-color: var(--color-ffffff);
  }
  #nav-icon1 span:nth-child(1) {
    top: 0px;
  }
  #nav-icon1 span:nth-child(2) {
    top: 13px;
  }
  #nav-icon1 span:nth-child(3) {
    top: 26px;
  }
  #nav-icon1.open span:nth-child(1) {
    top: 18px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  #nav-icon1.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
  }
  #nav-icon1.open span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  .project-box.project-image{
    background-color: unset !important;
  }
  #topbar #topbar-contact1 img,#topbar #topbar-contact2 img{
    width: auto;
  }
  .footer-card-logoes .footer-social-icons,.footer-card-logoes .footer-cards{
    text-align: center;
  }
  #footer .post-content{
    margin-top: 10px;
  }
  .ea-standard {
    width: 100% !important;
  }
}