/* ------------ Tabsh Style 2 ------------- */
#animateTabs{background-color: transparent;} 
#animateTabs .animate_tabbing_section .animate_tabbing_content .tabs{margin-bottom: 33px;padding: 0;}
#animateTabs .animate_tabbing_section .animate_tabbing_content .tabs li.current i{background-color: #f96332;color: #fff;}
#animateTabs .animate_tabbing_section .animate_tabbing_content .tabs li.current p{color: #f96332;}
#animateTabs .animate_tabbing_section .animate_tabbing_content .tabs li{width: 12.5%;text-align: center;list-style: none;}
#animateTabs .animate_tabbing_section .animate_tabbing_content .tabs li a:hover i{background-color: #f96332;color: #fff;}
#animateTabs .animate_tabbing_section .animate_tabbing_content .tabs li a:hover p{color: #f96332;}
#animateTabs .animate_tabbing_section .animate_tabbing_content .tabs li a{display: inline-block;}
#animateTabs .animate_tabbing_section .animate_tabbing_content .tabs li a:hover{text-decoration: none;}
#animateTabs .animate_tabbing_section .animate_tabbing_content .tabs li p{font-size: 18px;font-weight: 400;color: #fff;margin-bottom:10px;}
#animateTabs .animate_tabbing_section .animate_tabbing_content .tabs li i{width: 60px;height: 60px;display: block;margin:0 auto 5px;text-align: center;line-height: 60px;background-color: #ffe9da;color: #FF8A73;font-size: 30px;border-radius: 50px;transition: 0.5s all;}

#animateTabs .animate_tabbing_section .animate_tabbing_content .tab_content .tabs_item .tabs_item_content h3{font-size: 24px;font-weight: 400;margin:0;}
#animateTabs .animate_tabbing_section .animate_tabbing_content .tab_content .tabs_item .tabs_item_content p{font-size: 16px;color: #fff;line-height: 1.6;margin:15px 0;}
#animateTabs .animate_tabbing_section .animate_tabbing_content .tab_content .tabs_item .tabs_item_content ul{padding:0;}
#animateTabs .animate_tabbing_section .animate_tabbing_content .tab_content .tabs_item .tabs_item_content ul li{list-style: none;color: #fff;font-size: 16px;margin-bottom: 10px;}
#animateTabs .animate_tabbing_section .animate_tabbing_content .tab_content .tabs_item .tabs_item_content ul li:last-child{margin-bottom: 10;}
#animateTabs .animate_tabbing_section .animate_tabbing_content .tab_content .tabs_item .tabs_item_content ul li i{font-size: 14px;color: #f96332;margin-right: 3px;}

#animateTabs .animate_tabbing_section .animate_tabbing_content .tab_content .tabs_item .tabs_item_img img{max-width: 100%;max-height: 100%;}
/* ------------ / Tabsh Style 2 ------------- */

/* ------------ Responsive CSS ------------ */

@media only screen and (min-width: 1920px){

}

@media only screen and (max-width: 1200px){
  /* ------ primary ------ */
  #primary .primary_tabs_section .primary_tabs_content .primary_tabs_content_part .primary_tabs_content .primary_tabs_content_left_part{padding-right: 5%;}
  #primary .primary_tabs_section .primary_tabs_content .primary_tabs_content_part .primary_tabs_content .primary_tabs_content_right_part{padding-right: 0;}
  /* ------ primary ------ */
}


@media only screen and (max-width: 992px){
  /* ------ trinity ------ */
  #trinity .trinity_tabs_part .trinity_tabs_left_part{width: 100%;}
  #trinity .trinity_tabs_part .trinity_tabs_left_part .nav-tabs{width: 100%;}
  #trinity .trinity_tabs_part .trinity_tabs_left_part .nav-tabs .nav-item{width: calc(100% / 3);}
  #trinity .trinity_tabs_part .trinity_tabs_left_part .nav-tabs .nav-item .nav-link:after{border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid#455a64;left: 50%;top: 99%;transform: translate(-50%);}
  #trinity .trinity_tabs_part .trinity_tabs_left_part .nav-tabs.nav-tabs-neutral>.nav-item>.nav-link.active:after{border-top-color: #f96332;border-left-color: transparent;}
  #trinity .trinity_tabs_part .trinity_tabs_right_part{width: 100%;}
  /* ------ trinity ------ */

  /* ------ slanted ---- */
  #slanted .slanted_tabbing_section .slanted_tabbing_content .slanted_tabs_part .nav-tabs .nav-link p{display: none;}
  #slanted .slanted_tabbing_section .slanted_tabbing_content .slanted_tabs_part .nav-tabs .nav-link span{font-size: 20px;}
  /* ------ slanted ---- */

  /* ----- gradient ----- */
  #gradient .gradient_tabs_section .gradient_tabs_content .gradient_tabs_left_part{width: 100%;}
  #gradient .gradient_tabs_section .gradient_tabs_content .gradient_tabs_right_part{width: 100%;margin-top: 15px;}
  #gradient .gradient_tabs_section .gradient_tabs_content .gradient_tabs_left_part .nav-tabs .nav-link{padding:15px;}
  #gradient .gradient_tabs_section .gradient_tabs_content .gradient_tabs_left_part .nav-tabs .nav-item{width: 24%;text-align: center;margin:0;}
  #gradient .gradient_tabs_section .gradient_tabs_content .gradient_tabs_left_part .nav-tabs .nav-link span{font-size: 18px;width: 100%;}
  #gradient .gradient_tabs_section .gradient_tabs_content .gradient_tabs_left_part .nav-tabs .nav-link p{margin:5px 0 0;font-size: 14px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: pre;}
  /* ----- gradient ----- */

  /* ------ primary ------ */
  #primary .primary_tabs_section .primary_tabs_content .primary_tabs_content_part .primary_tabs_content .primary_tabs_content_left_part{width: 100%;padding:0;margin-bottom: 35px;}
  #primary .primary_tabs_section .primary_tabs_content .primary_tabs_content_part .primary_tabs_content .primary_tabs_content_right_part{width: 100%;}
  #primary .primary_tabs_section .primary_tabs_content .primary_tabs_content_part .primary_tabs_content .primary_tabs_content_left_part .primary_tabs_left_description{margin-bottom: 20px;}
  #primary .primary_tabs_section .primary_tabs_content .primary_tabs_content_part .primary_tabs_content .primary_tabs_content_left_part .primary_tabs_content_left_btn a{padding:15px 30px;}
  /* ------ primary ------ */
}

@media only screen and (max-width: 768px){
  /* ------ trinity ------ */
  .win_height{height: auto;}
  #trinity .trinity_tabs_part .trinity_tabs_right_part .trinity_tab_content .trinity_tab_content_img{margin-top: 25px;}
  #trinity .trinity_tabs_part .trinity_tabs_right_part .trinity_tab_content .trinity_tab_content_img figure{height: 210px;}
  /* ------ trinity ------ */

  /* ----- animate ------ */
  #animateTabs .animate_tabbing_section .animate_tabbing_content .tabs li i{width: 60px;height: 60px;line-height: 60px;font-size: 30px;margin:0 auto 10px;}
  #animateTabs .animate_tabbing_section .animate_tabbing_content .tabs li p{font-size: 13px;margin-bottom: 10px}
  #animateTabs .animate_tabbing_section .animate_tabbing_content .tab_content .tabs_item .tabs_item_img{margin-top: 25px;text-align: center;}
  #animateTabs .animate_tabbing_section .animate_tabbing_content .tab_content .tabs_item .tabs_item_img img{max-width: 65%;}
  /* ----- animate ------ */
  
  /* Slanted Css */
  #slanted .slanted_tabbing_section .slanted_tabbing_content .slanted_tabs_content .slanted_right_tabs_content{padding: 25px;}
  /* Slanted Css */

  /* ------ primary ------ */
  #primary .primary_tabs_section .primary_tabs_content .primary_tabs_content_part .primary_tabs_content .primary_tabs_content_left_part .primary_tabs_left_description p{font-size: 16px;}
  #primary .primary_tabs_section .primary_tabs_content .primary_tabs_content_part .primary_tabs_content .primary_tabs_content_left_part .primary_tabs_content_left_btn a{font-size: 14px;}
  /* ------ primary ------ */
}

@media only screen and (max-width: 640px){
  .tabs_title .title{font-size: 25px;}
  .tabs_title .bar{width: 65px;height: 3px;}
  /* ----- animate ------ */
  #animateTabs .animate_tabbing_section .animate_tabbing_content .tabs li{width: calc(100% / 4);margin-bottom: 10px;}
  #animateTabs .animate_tabbing_section .animate_tabbing_content .tab_content .tabs_item .tabs_item_content h3{font-size: 24px;}
  #animateTabs .animate_tabbing_section .animate_tabbing_content .tab_content .tabs_item .tabs_item_content p{font-size: 14px;}
  #animateTabs .animate_tabbing_section .animate_tabbing_content .tab_content .tabs_item .tabs_item_content ul li{font-size: 14px;}
  #animateTabs .animate_tabbing_section .animate_tabbing_content .tab_content .tabs_item .tabs_item_content ul li i{font-size: 14px;}
  /* ----- animate ------ */

  /* ------ slanted ---- */
  #slanted .slanted_tabbing_section .slanted_tabbing_content .slanted_tabs_part .nav-tabs .nav-link{padding:15px 10px;}
  #slanted .slanted_tabbing_section .slanted_tabbing_content .slanted_tabs_content{margin-top: -2px;}
  #slanted .slanted_tabbing_section .slanted_tabbing_content .slanted_tabs_part .nav-tabs .nav-link:after{transform: perspective(5px) rotateX(1.2deg) translateZ(-1px);}
  /* ------ slanted ---- */

  /* ----- gradient ----- */
  #gradient .gradient_tabs_section .gradient_tabs_content .gradient_tabs_right_part .gradient_tabs_right_content .gradient_right_tabs_heading .title{font-size: 20px;}
  #gradient .gradient_tabs_section .gradient_tabs_content .gradient_tabs_right_part .gradient_tabs_right_content .gradient_right_tabs_description .description{font-size: 13px;}
  #gradient .gradient_tabs_section .gradient_tabs_content .gradient_tabs_right_part{padding: 25px;}
  #gradient .gradient_tabs_section .gradient_tabs_content .gradient_tabs_left_part .nav-tabs .nav-item{width: 49%;margin-bottom: 10px;}
  /* ----- gradient ----- */

}

@media only screen and (max-width: 479px){
  /* ------ trinity ------ */
  #trinity .trinity_tabs_part .trinity_tabs_right_part .trinity_tab_content .trinity_tab_content_head .title{font-size: 25px;margin-bottom: 40px;}
  #trinity .trinity_tabs_part .trinity_tabs_right_part .trinity_tab_content .trinity_tab_content_head .title:after{bottom: -20px;}
  #trinity .trinity_tabs_part .trinity_tabs_right_part .trinity_tab_content .trinity_tab_content_description p{font-size: 14px;}
  #trinity .trinity_tabs_part .trinity_tabs_right_part .trinity_tab_content .trinity_tab_content_btn a{font-size: 12px;padding: 10px 35px;}
  #trinity .trinity_tabs_part .trinity_tabs_left_part .nav-tabs .nav-item .nav-link span{font-size: 20px;}
  #trinity .trinity_tabs_part .trinity_tabs_left_part .nav-tabs .nav-item .nav-link p{font-size: 10px;}
  #trinity .trinity_tabs_part .trinity_tabs_left_part .nav-tabs .nav-item{height: 90px;}
  /* ------ trinity ------ */

  /* ----- animate ------ */
  #animateTabs .animate_tabbing_section .animate_tabbing_content .tab_content .tabs_item .tabs_item_content h3{font-size: 24px;}
  #animateTabs .animate_tabbing_section .animate_tabbing_content .tab_content .tabs_item .tabs_item_content p{font-size: 13px;margin:10px 0;}
  #animateTabs .animate_tabbing_section .animate_tabbing_content .tab_content .tabs_item .tabs_item_content ul li{font-size: 13px;}
  #animateTabs .animate_tabbing_section .animate_tabbing_content .tab_content .tabs_item .tabs_item_content ul li i{font-size: 10px;}
  /* ----- animate ------ */

  /* ------ slanted ---- */
  #slanted .slanted_tabbing_section .slanted_tabbing_content .slanted_tabs_part .nav-tabs .nav-link span{font-size: 15px;}
  
  #slanted .slanted_tabbing_section .slanted_tabbing_content .slanted_tabs_part .nav-tabs{padding:0 15px;}
  /* ------ slanted ---- */
}
@media only screen and (max-width: 375px){
  .tabs_title .title{font-size: 20px;}
  .tabs_title .bar{width: 50px;}
  /* ----- animate ------ */
  #animateTabs .animate_tabbing_section .animate_tabbing_content .tabs li i{width: 45px;height: 45px;line-height: 45px;}
  #animateTabs .animate_tabbing_section .animate_tabbing_content .tabs li p{font-size: 13px;}
  /* ----- animate ------ */

  /* ------ slanted ---- */
  #slanted .slanted_tabbing_section .slanted_tabbing_content .slanted_tabs_part .nav-tabs .nav-link span{font-size: 12px;}
  #slanted .slanted_tabbing_section .slanted_tabbing_content .slanted_tabs_part .nav-tabs{padding:0 5px;}
  
  /* ------ slanted ---- */

}

@media only screen and (max-width: 479px){
 /* ------ primary ------ */
  #primary .primary_tabs_section .primary_tabs_content .primary_tabs_part .nav-tabs{width: 350px;}
  #primary .primary_tabs_section .primary_tabs_content .primary_tabs_content_part .primary_tabs_content .primary_tabs_content_left_part .primary_tabs_content_left_btn a{padding:10px 20px;font-size: 12px;}
  #primary .primary_tabs_section .primary_tabs_content .primary_tabs_content_part .primary_tabs_content .primary_tabs_content_right_part ul li span{width: 20px;height: 20px;line-height: 20px;font-size: 8px;}
  #primary .primary_tabs_section .primary_tabs_content .primary_tabs_content_part .primary_tabs_content .primary_tabs_content_right_part ul li p{padding-left: 15px;line-height: 1.5;}
  /* ------ primary ------ */
}

@media only screen and (max-width: 375px){
  /* ------ primary ------ */
  #primary .primary_tabs_section .primary_tabs_content .primary_tabs_part .nav-tabs{width: 300px;}
  #primary .primary_tabs_section .primary_tabs_content .primary_tabs_part .nav-tabs .nav-link p{font-size: 14px;}
  /* ------ primary ------ */
}

@media only screen and (max-width: 320px){
  /* ------ trinity ------ */
  #animateTabs .animate_tabbing_section .animate_tabbing_content .tabs li p{font-size: 13px;}
  #trinity .trinity_tabs_part .trinity_tabs_left_part .nav-tabs .nav-item{height: 70px;}
  #trinity .trinity_tabs_part .trinity_tabs_left_part .nav-tabs .nav-item .nav-link p{margin:5px 0 0;}
  #trinity .trinity_tabs_part .trinity_tabs_left_part .nav-tabs .nav-item .nav-link span{font-size: 16px;}
  #trinity .trinity_tabs_part .trinity_tabs_right_part .trinity_tab_content .col-md-8{padding-left: 0;padding-right: 0;}
  #trinity .trinity_tabs_part .trinity_tabs_right_part .trinity_tab_content .trinity_tab_content_head .title{font-size: 20px;}
  #trinity .trinity_tabs_part .trinity_tabs_right_part .trinity_tab_content .trinity_tab_content_img figure{height: 150px;}
  /* ------ trinity ------ */

  /* ------ primary ------ */
  #primary .primary_tabs_section .primary_tabs_content .primary_tabs_part .nav-tabs{width: 290px;}
  /* ------ primary ------ */
}