/*
--------------------------------------------------------------
>>> HTML5 Frame Description:
----------------------------------------------------------------
Theme Name: Custom Theme For America Healthcare Source
Theme URI:
Author: 
Author URI: 
Description: 
Version: 1.0.0
License: 
License URI:
Text Domain: 
Domain Path: 
Tags: light, white, one-column, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, microformats, post-formats, sticky-post, threaded-comments, translation-ready
Copyright (C) 2017.
--------------------------------------------------------------
>>> TABLE OF CONTENTS:
--------------------------------------------------------------
1.0 - Reset
2.0 - Base styles
    2.1 - Typography
    2.2 - Elements
    2.3 - Forms
    2.4 - Links
    2.5 - Accessibility
    2.6 - Alignments
    2.7 - Clearings
    2.8 - Base page
    2.9 - Define Your Pre Stylesheet Element
3.0 - Header
    3.1 - Navigation
    3.2 - Pagination
4.0 - Content
    4.1 - Posts and pages
    4.2 - Post formats
    4.3 - Galleries
    4.4 - Comments
5.0 - Widgets
6.0 - Footer
    6.1 - Social menu
7.0 - Media
8.0 - Genericons
9.0 - Developer Style Sheet
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; width: 100%; height: 100%; }
html { -webkit-overflow-scrolling: touch; font-family: 'Montserrat', sans-serif; font-weight: 400; }
body { position: relative; background: transparent; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; width: 100%; height: 100%; font-family: 'Montserrat', sans-serif; font-weight: 400; }
article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a:focus { outline: 0px; }
a:hover, a:active { outline: 0; text-decoration: none; }
a img { border: 0; }
input[type="submit"], input[type="button"] { -webkit-appearance: none; -moz-appearance: none; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
br { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; }
b { font-family: 'Montserrat', sans-serif; font-weight: 600; }

/*--------------------------------------------------------------
2.0 Base Styles
--------------------------------------------------------------*/

/*--------------------------------------------------------------
2.1 Typography
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
p { color: #333; float: left; font-size: 20px; line-height: 32px; width: 100%; margin-bottom: 20px; text-align: justify; }
b, strong { }
dfn, cite, em, i { }
pre { background: #eee; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; margin-bottom: 20px; max-width: 100%; overflow: auto; padding: 20px; }
abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }
mark, ins { text-decoration: none; }
sup, sub { font-size: 75%; height: 0; line-height: 0; position: relatdwnive; vertical-align: baseline; }
sup { bottom: 1px; }
sub { top: 1px; }
small { font-size: 75%; }
big { font-size: 125%; }

/*--------------------------------------------------------------
2.2 Elements
--------------------------------------------------------------*/
ul, ol { margin: 0px; }
li > ul, li > ol { margin: 0px; }
dd { margin: 0px; }
img { height: auto; max-width: 100%; border: 0px; line-height: 0px; }
figure { margin: 0; }
table { margin: 20px; width: 100%; }

/*--------------------------------------------------------------
2.3 Forms
--------------------------------------------------------------*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; outline: none ! important; }
input[type="checkbox"], input[type="radio"] { padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; width: 100%; }

/*--------------------------------------------------------------
2.4 Links
--------------------------------------------------------------*/
a { text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

/*--------------------------------------------------------------
2.5 Accessibility
--------------------------------------------------------------*/

/*--------------------------------------------------------------
2.6 Alignments
--------------------------------------------------------------*/

/*.fleft { display: inline; float: left !important; }
.fright { display: inline; float: right !important; }
.center { clear: both; display: block; margin: 0 auto !important; }
.txt-lft { text-align: left; }
.txt-rit { text-align: right; }
.txt-cent { text-align: center; }
.txt-jsty { text-align: justify; }*/

/*--------------------------------------------------------------
2.7 Clearings
--------------------------------------------------------------*/
.clear:before, .clear:after { content: ''; display: table; }
.clear:after, .clear { clear: both; }

/*--------------------------------------------------------------
2.8 Define Your Pre Stylesheet Element
--------------------------------------------------------------*/

/*
::-webkit-selection { 
    background:rgb(23,119,175);
    color:rgb(250,250,250);
}
::-moz-selection { 
    background:rgb(23,119,175);
    color:rgb(250,250,250);
}
::selection { 
    background:rgb(23,119,175);
    color:rgb(250,250,250);
}
*/
ul { list-style: none; }
ol { list-style: decimal; }
dt { font-weight: bold; }
table { border-bottom: 1px solid #eee; margin: 20px; width: 100%; }
body, button, input, select, textarea { }
.center { }
h1, h2, h3, h4, h5, h6 { }
h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: 400; }
b, strong { }
dfn, cite, em, i { }
.errow { }
.success { }
.loading { }
a { }
a:hover, a:focus, a:active { }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { }
button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { }
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { }
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, input[type="text"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="password"]:hover, input[type="search"]:hover, textarea:hover { }
.fll { float: left; }
.wdf { width: 100%; float: left; }
* { box-sizing: border-box; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.fa { font-family: 'FontAwesome' !important; }

/*--------------------------------------------------------------
9.0 - Designer Style Sheet
--------------------------------------------------------------*/

/* ----- Custom Scrollbar ----- */

/* width */
body::-webkit-scrollbar { width: 10px; }

/* Track */
body::-webkit-scrollbar-track { background: #f1f1f1; cursor: pointer; }

/* Handle */
body::-webkit-scrollbar-thumb { background: #888; cursor: pointer; }
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float: left; }
/* Handle on hover */
body::-webkit-scrollbar-thumb:hover { background: #555; }
body { margin: 0; padding: 0; width: 100%; font-family: 'Montserrat', sans-serif; font-weight: 400; background-color: #f5f5f5;overflow-x: hidden;}
header { margin-top: 35px; }
.logo { width: auto; float: left; }
.logo a { display: block; font-size: 40px; line-height: 50px; font-weight: 700; color: #000; letter-spacing: 3px; }
/*.logo a:hover { transform: scale(1.1); }*/
.social-media-icons { width: auto; float: right; }
.social-media-icons ul { width: auto; float: left; }
.social-media-icons ul li { width: auto; float: left; margin: 0 10px; }
.social-media-icons ul li a { display: inline-block; font-size: 20px; line-height: 40px; color: #000; width: 40px; height: 40px; border-radius: 50%; text-align: center; }
.social-media-icons ul li a.fa-facebook { line-height: 42px; padding-right: 1px; }
.social-media-icons ul li a.fa-paper-plane { font-size: 16px; padding-right: 2px; }
.social-media-icons ul li a:hover { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); color: #fff; transform: scale(1.2); }
.social-media-icons ul li a.fa-facebook:hover { background: #3b5598; }
.social-media-icons ul li a.fa-paper-plane:hover { background: #0e76a8; }
.social-media-icons ul li a.fa-pinterest:hover { background: #c8232c; }
.social-media-icons ul li a.fa-youtube-play:hover { background: #c4302b; }
.language ul { display: flex; justify-content: space-between; padding: 0 10%; margin: 0; margin-top: 20px; }
.language ul li { display: contents; }
.language ul li a { display: block; width: 150px; background-image: linear-gradient(to right, #e00072, #ff7f00); border-radius: 50px; padding: 2px 2px 4px; height: 54px; overflow: hidden; float: left; }
.language ul li a span { display: block; font-family: 'Montserrat', sans-serif; font-size: 20px; line-height: 50px; font-weight: 400; color: #000; background: #f5f5f5; height: 50px; text-align: center; border-radius: 50px; }
.language ul li a:hover span { background: transparent; color: #fff; }
.search { background-image: linear-gradient(to right, #e00072, #ff7f00); padding: 10px 0; margin: 25px 0 50px; }
.srch-wrap input { width: calc(100% - 150px); float: left; border-top-left-radius: 50px; border-bottom-left-radius: 50px; background: #fff; padding: 5px 30px; font-size: 16px; line-height: 50px; color: #333; font-weight: 300; border: none; }
.srch-wrap button { width: 150px; float: left; padding: 5px; font-size: 20px; line-height: 48px; font-weight: 600; color: #fff; border-top-right-radius: 50px; border-bottom-right-radius: 50px; text-align: center; background: #e00072; letter-spacing: 0.5px }
.srch-wrap button:hover { background: #c00050;  color: #fff; }
.top-brcr { margin-bottom: 70px; }
.top-brcr i { font-size: 20px; line-height: 30px; color: #333; margin: 0 20px; display: inline-block; float: left; }
.top-brcr a { font-family: 'Montserrat', sans-serif; font-size: 20px; line-height: 30px; font-weight: 400; color: #333; display: inline-block; float: left; }
.top-brcr a:hover { color: #e00072; }
.top-brcr a:nth-child(1):hover, .top-brcr a:nth-child(5):hover, .top-brcr a:nth-child(9):hover, .top-brcr a:nth-child(14):hover { color: #ff7f00; }

.btm-brcr { margin: 50px 0; }
.btm-brcr i { font-size: 20px; line-height: 30px; color: #333; margin: 0 20px; display: inline-block; float: left; }
.btm-brcr a { font-family: 'Montserrat', sans-serif; font-size: 20px; line-height: 30px; font-weight: 400; color: #333; display: inline-block; float: left; }
.btm-brcr a:hover { color: #e00072; }
.btm-brcr a:nth-child(1):hover, .btm-brcr a:nth-child(5):hover, .btm-brcr a:nth-child(9):hover, .btm-brcr a:nth-child(14):hover { color: #ff7f00; }

footer { background-image: linear-gradient(to right, #e00072, #ff7f00); font-size: 16px; line-height: 22px; color: #fff; font-weight: 600; padding: 37px 0; }
footer label.text-left { width: auto; float: left; }
footer label.text-right { width: auto; float: right; }
footer label.text-center { text-align: center; }


/* ---------- Home Page ---------- */

/* --- Top Slider --- */
.hmpg-sldr-bx { width: 100%; float: left; background: #fff; overflow: hidden; border-radius: 10px; }
.hmpg-sldr-bx:hover { box-shadow: 0px 10px 20px 0 rgba(0,0,0,0.2); }
.hmpg-sldr-bx .vid-nm a { font-size: 14px; line-height: 16px; }
.hmpg-sldr-bx .vid-img img { height: 180px; }

.owl-stage-outer { padding-bottom: 70px; }
.owl-item { opacity: 0; transition: opacity 500ms; }
.owl-item.active { opacity: 1; }
/* --- Top Slider --- */

/* --- Categary List --- */
.cat-list { margin-bottom: 50px; }

.cat-lst-ul { padding: 0; margin: 0; }
.cat-lst-ul li { width: 100%; float: left; background-image: linear-gradient(to right, #e00072, #ff7f00) }
.cat-lst-ul li a { display: block; width: 100%; float: left; font-size: 26px; line-height: 36px; padding: 15px 25px; color: #e00072;  background: rgba(245,245,245,1); }
.cat-lst-ul li a span { width: 36px; height: 36px; background: transparent; border-radius: 50px; display: inline-block; float: left; margin-right: 10px; text-align: center; border: 2px solid #e00072; }
.cat-lst-ul li a i { font-size: 22px; line-height: 28px; color: #e00072; position: relative; top: -4px; }
.cat-lst-ul li:nth-child(odd) a { color: #ff7f00; background: rgba(255,255,255,1); }
.cat-lst-ul li:nth-child(odd) a span { border: 2px solid #ff7f00; }
.cat-lst-ul li:nth-child(odd) a span i { color: #ff7f00; }
.cat-lst-ul li:hover a { background: rgba(0,0,0,0); color: #fff; }
.cat-lst-ul li:hover a span { border-color: #fff; background: #fff; }
.vid-cont { margin-bottom: 40px; }
.vid-cont .row { float: left; }
.cat-ttl { font-size: 30px; line-height: 40px; color: #000; font-weight: 700; margin-bottom: 30px; position: relative; }
.cat-ttl label { width: auto; float: left; padding-right: 20px; background: #f5f5f5; position: relative; z-index: 1; font-family: 'Montserrat', sans-serif; font-size: 34px; line-height: 40px; font-weight: 600; color: #333; }
.cat-ttl label span { display: inline-block; float: left; margin-right: 10px; padding: 0; }
.cat-ttl label h1{ display: inline-block; clear: none; float: left; font-size: 30px; line-height: 43px; color: #000; font-weight: 700; }
.cat-ttl label h2 { display: inline-block; clear: none; float: left; font-family: 'Montserrat', sans-serif; font-size: 34px; line-height: 43px; font-weight: 600; color: #333; }
.cat-ttl label span img { width: 40px; }
.cat-ttl label + span { display: block; position: absolute; top: 50%; left: 0; height: 2px; background-image: linear-gradient(to right, #e00072, #ff7f00); width: 100%; z-index: 0; }
.vid-box { width: calc(33.0% - 30px); float: left; background: #fff; border-radius: 20px; margin-bottom: 40px; margin: 0 15px 40px; overflow: hidden; }
.vid-box:hover { box-shadow: 0px 20px 30px 0 rgba(0,0,0,0.2); }
.vid-img { width: 100%; float: left; }
.vid-img a { display: block; }
.vid-img img { width: 100%; }
.vid-dtl { width: 100%; float: left; padding: 15px; min-height: 102px; }
.vid-nm a { font-size: 16px; line-height: 22px; color: #000; font-weight: 400; }
.vid-nm a:hover { color: #e00072; }
.vid-nm a h2{ font-size: 16px; line-height: 22px; color: #000; font-weight: 400; }
.vid-nm a h2:hover { color: #e00072; }
.vid-btn { margin: 5px 0; }
.vid-dtl i { margin-right: 3px; transition: 0s; }
.vis-dwld a, .vid-sz { width: auto; float: left; font-size: 14px; line-height: 22px; color: #444; margin: 10px 0; }
.vid-sz { margin-right: 15px; padding-right: 15px; border-right: 1px solid #ddd; }
.vid-sz i { font-size: 14px; line-height: 20px; }
.vid-sz .fa-file:before { top: -1px; position: relative; }
.vis-dwld { width: auto; float: left; }
.vis-dwld a:hover { color: #e00072; }
.vid-tag { width: auto; float: left; }
.vid-tag a { display: inline-block; font-size: 16px; line-height: 20px; color: #444; font-weight: 300; }
.vid-tag a:hover { color: #e00072; }
.vid-more { text-align: center; }
.vid-more a { width: auto; display: inline-block; padding: 14px 25px 10px; border-radius: 50px; background-image: linear-gradient(to right, #e00072, #ff7f00); font-size: 16px; line-height: 26px; color: #fff; font-weight: 300; text-transform: uppercase; box-shadow: 0 0 20px 0 rgba(255, 127, 0, 0.5); }
.vid-more a:hover { box-shadow: 0 0 30px 0 rgba(224, 0, 114, 0.4); transform: scale(1.1); letter-spacing: 1px; font-weight: 600; }
.ad { width: 100%;  float: left;    margin-bottom: 40px; }
.ggl-ad { background: #fff; border-radius: 20px; padding: 30px; color: #000; }
.ggl-ad .wdf { margin-bottom: 30px; }
.ggl-ad .wdf img { width: 100%; }

.pagination { width: auto; margin: 0 auto; text-align: center; }
.vid-pgn ul { text-align: center; padding: 0; margin: 50px 0; }
.vid-pgn ul li, .pagination .page-item { width: auto; float: none; display: inline-block; margin: 0 7.5px; /*padding: 20px 0;*/ }
.vid-pgn ul li a, .pagination .page-item a { background-image: linear-gradient(to right, #e00072, #ff7f00); padding: 10px 20px; color: #fff; border-radius: 10px; font-size: 16px; }
.vid-pgn ul li.pgn-act, .pagination .page-item.active { transform: scale(1.2); margin: 0 15px; }
.vid-pgn ul li.pgn-act a, .pagination .page-item span { padding: 10px 20px; background-image: linear-gradient(to right, #ff7f00 ,#e00072); font-weight: 700; border-radius: 6px; border: none; display: block; font-size: 16px; line-height: 24px; }
.vid-pgn ul li a:hover, .pagination .page-item span: hover { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3); }

.tag-cloud { background: #fff; padding: 50px 0; margin-top: 30px; }
.tag-cloud ul li { width: auto; float: left; margin: 0 20px 20px 0; }
.tag-cloud ul li a { display: block; padding: 12px 20px; border-radius: 50px; background: #555; font-size: 16px; line-height: 22px; color: #fff; font-weight: 300; }
.tag-cloud ul li a:hover { box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); }

/* --- Download Page CSS --- */
.download-box { background: #fff; border-radius: 30px; padding: 30px 30px 0; margin-bottom: 70px; }
.dwn-ttl { font-size: 26px; font-weight: 700; line-height: 34px; margin-bottom: 30px; color: #333; }
.dwn-ttl h1{ font-size: 26px; font-weight: 700; line-height: 34px; margin-bottom: 30px; color: #333; }
.dwn-lst { margin-bottom: 20px; }
.dwn-lst-lft { width: 100%; float: left; font-size: 18px; font-weight: 500; line-height: 24px; color: #000; }
.dwn-lst-rgt { width: 100%; float: left; font-size: 20px; font-weight: 600; line-height: 24px; color: #000; }
.dwn-btn { margin: 30px 0; }
.dwn-sz { width: auto; float: left; padding: 15px 25px 13px; border-radius: 30px; font-size: 16px; font-weight: 400; line-height: 20px; color: #000; border: 2px solid #333; }
.download-button { width: auto; float: left; background: #0ca943; border-radius: 50px; padding: 15px 25px 13px; height: 52px; overflow: hidden; font-size: 20px; font-weight: 500; line-height: 24px; color: #fff; margin-left: 30px; }
.download-button:hover { color: #fff; background: #0d8035; }
#downloadStatus.download-button { float: none; margin: 0 auto 30px; width: 153px; }
#downloadStatus a { color: #fff; }
#demo { text-align: center; margin-top: 15px; }
#downloading { margin-bottom: 30px; }
.dnld { padding: 30px; background: #fff; border-radius: 30px; border: 10px solid #e00072; -webkit-animation: chng_bdr 3s linear infinite; -moz-animation: chng_bdr 3s linear infinite; -ms-animation: chng_bdr 3s linear infinite; -o-animation: chng_bdr 3s linear infinite; animation: chng_bdr 3s linear infinite; margin-bottom: 70px; display: block; opacity: 1; }

@-webkit-keyframes chng_bdr  { 0% { border-color: #e00072; } 50% { border-color: #ff7f00; } 100% { border-color: #e00072; } }
@-o-keyframes chng_bdr       { 0% { border-color: #e00072; } 50% { border-color: #ff7f00; } 100% { border-color: #e00072; } }
@keyframes chng_bdr          { 0% { border-color: #e00072; } 50% { border-color: #ff7f00; } 100% { border-color: #e00072; } }

.dnld-wrap  { padding: 0px 30px; background: #fff; border-radius: 30px; text-align: center; }

.dnld-prog { font-family: 'Montserrat', sans-serif; font-size: 40px; line-height: 50px; font-weight: 600; color: #e00072; -webkit-animation: chng_clr 2s linear infinite; -moz-animation: chng_clr 2s linear infinite; -ms-animation: chng_clr 2s linear infinite; -o-animation: chng_clr 2s linear infinite; animation: chng_clr 2s linear infinite; cursor: default; }

@-webkit-keyframes chng_clr  { 0% { color: #e00072; } 50% { color: #ff7f00; } 100% { color: #e00072; } }
@-o-keyframes chng_clr       { 0% { color: #e00072; } 50% { color: #ff7f00; } 100% { color: #e00072; } }
@keyframes chng_clr          { 0% { color: #e00072; } 50% { color: #ff7f00; } 100% { color: #e00072; } }

.dnld-nm { font-family: 'Montserrat', sans-serif; font-size: 24px; line-height: 32px; font-weight: 400; color: #e00072; margin: 30px 0; border-bottom: 1px solid #ddd; padding-bottom: 30px; }
.dlnd-clk { font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 20px; font-weight: 300; color: #333; }
.dlnd-clk a { font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 20px; font-weight: 300; display: inline; margin-left: 2px; color: #ff7f00; }
.dlnd-clk a:hover { color: #e00072; }

/* --- Search Page CSS --- */
.search-wrap { background: #fff; padding: 30px; border-radius: 30px; }
.rslt-txt { font-family: 'Montserrat', sans-serif; font-size: 30px; line-height: 40px; font-weight: 700; color: #333; }
.rslt-txt span { font-family: 'Montserrat', sans-serif; font-size: 30px; line-height: 40px; font-weight: 700; color: #e00072; }
.rslt-box { margin: 20px 0; float: right; }
.fltr-box { width: auto; padding: 10px; float: left; position: relative; }
.fltr-box button { display: block; border: 1px solid #ddd; padding: 5px 15px; border-radius: 5px; font-size: 14px; outline: none; background: #c47ecf;color:white; }
.fltr-box button:hover { background: #f5f5f5; }
.fltr-box button:active, .fltr-box button.act { background: #ddd; }
.dwn-arr { position: absolute; top: calc(50% - 12px); right: 25px; z-index: 0; }
.dwn-arr i { display: inline-block; font-size: 24px; color: #666; }

.srch-box { background: #f5f5f5; overflow: hidden; border-radius: 15px; margin-bottom: 30px; -webkit-box-shadow: 0 5px 0px 0 rgba(105, 105, 105, 0.3); box-shadow: 0 5px 0px 0 rgba(105, 105, 105, 0.3); }
.srch-lft { width: 220px; float: left; overflow: hidden; }
.srch-lft a { display: block; }
.srch-lft a img { width: auto; max-width: initial; height: 103px; }
.srch-rgt { width: calc(100% - 220px); padding: 15px; float: left; }
.srch-ttl { margin-bottom: 5px; }
.srch-ttl a { display: block; font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; color: #333; }
.srch-ttl a:hover { color: #e00072; }
.srch-icon label { width: auto; float: left; padding: 0 15px; font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 24px; font-weight: 400; color: #000; }
.srch-icon label span { display: block; line-height: 34px; }
.srch-icon label a { color: #fff; background: #0ca943; padding: 5px 20px; border-radius: 30px; display: block; }
.srch-icon label a:hover { color: #fff; background: #0d8035; }
.srch-icon label:first-child { padding-left: 0; }

.dwnld-nw-cls { width: 100%; float: left; }

.dwn-play video { height: 250px; }

.spl-ad { margin-top: 15px; }

/* ---------- Responsive Media Query Start ---------- */

@media all and (max-width:1600px) and (min-width: 1201px) {
    .vid-tag a { padding: 7px 15px; font-size: 15px; }
}

@media all and (min-width:1201px) {
    .container { max-width: 1600px; margin: 0 auto; width: 98%; }
    .btm-brcr .container, footer .container, .tag-cloud .container { max-width: 1850px; }
    .suggetion .vid-box { width: calc(25% - 30px); }
}

@media all and (max-width:1200px) {
    .vid-box { height: auto; }
    .vid-dtl, .vid-img { width: 100%; }
    .vid-img img { min-width: auto; width: 100%; height: auto; min-height: initial; max-height: initial; max-width: initial; }
    .vid-nm { height: auto; text-overflow: initial; overflow: initial; white-space: initial; }
}

@media all and (max-width:1200px) and (min-width: 992px) {
    .language ul { padding: 0 5%; }
    .suggetion .vid-box { width: calc(33.33% - 30px); margin: 0 15px 40px; }
}

@media all and (max-width:992px) {
    .search { margin-bottom: 40px; }
    .vid-box { width: 100%; margin: 0 0 40px; }
    .cat-ttl label { font-size: 30px; line-height: 40px; }
    .cat-ttl label span img { width: 40px; }
    .dwn-bx-wrap { margin-bottom: 80px; }
    .srch-lft { width: 100%; }
    .srch-lft a img { width: 100%; height: auto; }
    .srch-rgt { width: 100%; }
    .dwn-arr { right: 15px; }

}

@media all and (max-width:991px) and (min-width: 768px) {
    .language ul { padding: 0; }
    .language ul li a { width: auto; height: 44px; }
    .language ul li a span { font-size: 16px; line-height: 40px; height: 40px; padding: 0 20px; }
    .suggetion .vid-box { width: calc(50% - 30px); margin: 0 15px 40px; }
    .download-button { margin-left: 0; float: right; }
}
@media all and (max-width:767px) {
    .vid-cont { margin-bottom: 70px; }
    .cat-lst-ul li a { font-size: 24px;  padding: 15px;}
    .cat-lst-ul li a i { top: -1px; }
    .suggetion { padding: 0 15px; }
    .dwn-ttl { font-size: 26px; line-height: 30px; }
    .dwn-lst-rgt, .dwn-lst-lft { width: 100%; }
    .suggetion { padding: 0 15px; }
    .dwn-ttl { font-size: 26px; line-height: 30px; }
    .download-button { margin-left: 0; float: right; }
    .suggetion .vid-cont { margin-bottom: 0; }
    .ggl-ad { margin-bottom: 70px; }
    .rslt-txt span, .rslt-txt { font-size: 20px; line-height: 30px; }
    .rslt-box { margin: 20px 0; }
}

@media all and (max-width:767px) and (min-width: 577px) {
    .language ul { width: 100%; display: block; justify-content: initial; padding: 0;   float: left; }
    .language ul li { width: calc(33% - 20px); display: inline-block; margin: 0 9px; }
}

@media all and (max-width:576px) {
    .language ul { width: 100%; margin-left: 0; padding: 0; display: block; float: left; }
    .language ul li { width: 100%; display: block; float: left; margin-bottom: 15px; }
    .language ul li:nth-child(2) { margin: 0 0 15px; }
    .language ul li:last-child { margin-bottom: 0; }
    .language ul li a { width: 100%; height: 50px; }
    .language ul li a span { font-size: 16px; line-height: 46px; height: 46px; padding: 0 20px; }
    .social-media-icons { width: 100%; margin-top: 10px; }
    .social-media-icons ul { width: 100%; }
    .social-media-icons ul li { width: 20%; margin: 0;  padding: 0 10px; text-align: center; }
    .logo { width: 100%;    text-align: center; }
    header { margin-top: 15px; }
    .srch-wrap button { width: 120px; font-size: 18px; }
    .srch-wrap input { width: calc(100% - 120px); }
    .cat-ttl label + span { display: none; }
    .vid-img { width: 100%; }
    .vid-img img { width: 100%; }
    .vid-dtl { width: 100%; }
    .tag-cloud ul li { margin: 0 20px 20px 0; }
    .tag-cloud ul li a { padding: 12px 15px; line-height: 18px; }
    .vid-tag a:nth-child(2) { margin: 0 20px 20px 0; }
    .vid-tag a { margin: 0 20px 20px 0; }
    .suggetion .vid-box { margin: 0 15px 40px; width: 100%; }
    .download-box { padding: 30px 15px 0; margin: 0 0 70px -30px; width: calc(100% + 60px); border-radius: 0; }
    .download-button { margin-left: 0; float: right; }
    .dnld-wrap { padding: 0; }
    .fltr-box { width: 100% !important; padding: 0; margin-bottom: 15px; }
    .fltr-box button { width: 100%; }
    footer span { display: none; }
    footer label, footer label.text-left { width: 100%; text-align: center!important; }
    footer label.text-left { margin-bottom: 10px; }
    footer label a {margin: 0 0 5px !important;}
    #downloading { font-size: 24px; }
}

@media all and (max-width:480px) {

}