/* 0x : No Value / Zero 1x : Extra Extra Small 2x : Extra Small 3x : Small 4x : Large 5x : Extra Large 6x : Extra Extra Large 7x : Extra Extra Large */ /* VC HEADINGS */ .vc-heading-1x h1,.vc-heading-1x h2,.vc-heading-1x h3,.vc-heading-1x h4,.vc-heading-1x h5,.vc-heading-1x h6{ font-size: 18px } .vc-heading-2x h1,.vc-heading-2x h2,.vc-heading-2x h3,.vc-heading-2x h4,.vc-heading-2x h5,.vc-heading-2x h6{ font-size: 20px } .vc-heading-3x h1,.vc-heading-3x h2,.vc-heading-3x h3,.vc-heading-3x h4,.vc-heading-3x h5,.vc-heading-3x h6{ font-size: 25px } .vc-heading-4x h1,.vc-heading-4x h2,.vc-heading-4x h3,.vc-heading-4x h4,.vc-heading-4x h5,.vc-heading-4x h6{ font-size: 30px } .vc-heading-5x h1,.vc-heading-5x h2,.vc-heading-5x h3,.vc-heading-5x h4,.vc-heading-5x h5,.vc-heading-5x h6{ font-size: 40px } .vc-heading-6x h1,.vc-heading-6x h2,.vc-heading-6x h3,.vc-heading-6x h4,.vc-heading-6x h5,.vc-heading-6x h6{ font-size: 50px } .vc-heading-7x h1,.vc-heading-7x h2,.vc-heading-7x h3,.vc-heading-7x h4,.vc-heading-7x h5,.vc-heading-7x h6{ font-size: 60px } /* VC HEADINGS */ /* VC PARAGRAPHS */ .vc-text-1x p{ font-size: 12px; } .vc-text-2x p{ font-size: 14px; } .vc-text-3x p{ font-size: 16px; } .vc-text-4x p{ font-size: 18px; } .vc-text-5x p{ font-size: 20px; } .vc-text-6x p{ font-size: 22px; } /* VC PARAGRAPHS */ /* VC SECTIONS */ .vc-section-0x{ padding: 0 0 0 0 } .vc-section-1x{ padding: 10px 0 10px 0 } .vc-section-2x{ padding: 30px 0 30px 0 } .vc-section-3x{ padding: 30px 0 30px 0 } .vc-section-4x{ padding: 40px 0 40px 0 } .vc-section-5x{ padding: 40px 0 40px 0 } .vc-section-6x{ padding: 100px 0 100px 0 } /* VC SECTIONS */ /* VC SPACE INNER ( PADDINGS)*/ /* Top */ /* Bottom */ .vc-pt-0x{ padding-top: 0px } .vc-pb-0x{ padding-bottom: 0px } .vc-pt-1x{ padding-top: 10px } .vc-pb-1x{ padding-bottom: 10px } .vc-pt-2x{ padding-top: 20px } .vc-pb-2x{ padding-bottom: 20px } .vc-pt-3x{ padding-top: 40px } .vc-pb-3x{ padding-bottom: 40px } .vc-pt-4x{ padding-top: 60px } .vc-pb-4x{ padding-bottom: 60px } .vc-pt-5x{ padding-top: 80px } .vc-pb-5x{ padding-bottom: 80px } .vc-pt-6x{ padding-top: 100px } .vc-pb-6x{ padding-bottom: 100px } /* Left */ /* Right */ .vc-pl-0x{ padding-left: 0px } .vc-pr-0x{ padding-right: 0px } .vc-pl-1x{ padding-left: 10px } .vc-pr-1x{ padding-right: 10px } .vc-pl-2x{ padding-left: 20px } .vc-pr-2x{ padding-right: 20px } .vc-pl-3x{ padding-left: 40px } .vc-pr-3x{ padding-right: 40px } .vc-pl-4x{ padding-left: 60px } .vc-pr-4x{ padding-right: 60px } .vc-pl-5x{ padding-left: 80px } .vc-pr-5x{ padding-right: 80px } .vc-pl-6x{ padding-left: 100px } .vc-pr-6x{ padding-right: 100px } /* VC SPACE INNER ( PADDINGS)*/ /* VC SPACE INNER ( MARGINS )*/ /* Top */ /* Bottom */ .vc-mt-0x{ margin-top: 0px } .vc-mb-0x{ margin-bottom: 0px } .vc-mt-1x{ margin-top: 10px } .vc-mb-1x{ margin-bottom: 10px } .vc-mt-2x{ margin-top: 20px } .vc-mb-2x{ margin-bottom: 20px } .vc-mt-3x{ margin-top: 40px } .vc-mb-3x{ margin-bottom: 40px } .vc-mt-4x{ margin-top: 60px } .vc-mb-4x{ margin-bottom: 60px } .vc-mt-5x{ margin-top: 80px } .vc-mb-5x{ margin-bottom: 80px } .vc-mt-6x{ margin-top: 100px } .vc-mb-6x{ margin-bottom: 100px } /* Left */ /* Right */ .vc-ml-0x{ margin-left: 0px } .vc-mr-0x{ margin-right: 0px } .vc-ml-1x{ margin-left: 10px } .vc-mr-1x{ margin-right: 10px } .vc-ml-2x{ margin-left: 20px } .vc-mr-2x{ margin-right: 20px } .vc-ml-3x{ margin-left: 40px } .vc-mr-3x{ margin-right: 40px } .vc-ml-4x{ margin-left: 60px } .vc-mr-4x{ margin-right: 60px } .vc-ml-5x{ margin-left: 80px } .vc-mr-5x{ margin-right: 80px } .vc-ml-6x{ margin-left: 100px } .vc-mr-6x{ margin-right: 100px } /* VC SPACE INNER ( MARGINS )*/ /* VC FORMS FIELDS */ .vc-space-1x{ padding: 10px 30px } .vc-space-2x{ padding: 20px 50px } .vc-space-3x{ padding: 30px 70px } .vc-space-4x{ padding: 40px 90px } .vc-space-5x{ padding: 60px 130px } .vc-space-6x{ padding: 80px 170px } /* VC FORMS FIELDS */ /* ===================================================================== */ /* ===================================================================== */ /* ======================== VC RESPONSIVE CSS ===========================*/ /* ===================================================================== */ /* ===================================================================== */ /*-------------------------------------------------------------- ## Desktop xxlg --------------------------------------------------------------*/ @media only screen and (max-width: 1930px) { } /*-------------------------------------------------------------- ## Desktop xlg --------------------------------------------------------------*/ @media only screen and (max-width: 1740px) { } /*-------------------------------------------------------------- ## Desktop lg --------------------------------------------------------------*/ @media only screen and (max-width: 1440px) { } /*-------------------------------------------------------------- ## Netbook --------------------------------------------------------------*/ @media only screen and (max-width: 1080px) { } /*-------------------------------------------------------------- ## iPad Landscape --------------------------------------------------------------*/ @media only screen and (max-width: 960px) { } /*-------------------------------------------------------------- ## iPad --------------------------------------------------------------*/ @media only screen and (max-width: 768px) { .vc-pt-4x{ padding-top: 40px;} .vc-pb-4x{ padding-bottom: 40px;} } /*-------------------------------------------------------------- ## Mobile --------------------------------------------------------------*/ @media only screen and (max-width: 480px) { } /*-------------------------------------------------------------- ## Mobile sm --------------------------------------------------------------*/ @media only screen and (max-width: 380px) { } /* VC RESPONSIVE CSS */